| Server IP : 46.62.235.243 / Your IP : 216.73.216.217 Web Server : Apache/2.4.58 (Ubuntu) System : Linux Linkabili3Dicembre 6.8.0-100-generic #100-Ubuntu SMP PREEMPT_DYNAMIC Tue Jan 13 16:40:06 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/wordpress/tag/sardegna/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<title>MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia</title>
<!-- Favicon -->
<link rel="icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" type="image/x-icon">
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" type="image/x-icon">
<!-- Description -->
<meta name="description"
content="MUARA777 merupakan situs slot online resmi terpercaya di Indonesia.">
<!-- Preload Image -->
<link rel="preload" as="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
fetchpriority="high">
<!-- Open Graph -->
<meta property="og:site_name" content="MUARA777">
<meta property="og:title" content="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
<meta property="og:description"
content="MUARA777 merupakan situs slot online resmi terpercaya di Indonesia.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.linkabili.it/tag/sardegna/">
<meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="MUARA777">
<meta name="twitter:title" content="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
<meta name="twitter:description"
content="MUARA777 merupakan situs slot online resmi terpercaya di Indonesia.">
<meta name="twitter:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png">
<!-- Twitter App Info -->
<meta name="twitter:app:country" content="MUARA777">
<meta name="twitter:app:name:iphone" content="MUARA777">
<meta name="twitter:app:id:iphone" content="613084551">
<meta name="twitter:app:url:iphone" content="https://www.linkabili.it/tag/sardegna/">
<meta name="twitter:app:name:googleplay" content="MUARA777">
<meta name="twitter:app:id:googleplay" content="MUARA777">
<meta name="twitter:app:url:googleplay" content="https://www.linkabili.it/tag/sardegna/">
<!-- App Links -->
<meta property="al:ios:url" content="https://www.linkabili.it/tag/sardegna/">
<meta property="al:ios:app_store_id" content="613084551">
<meta property="al:ios:app_name" content="Ubuy: International Shopping">
<meta property="al:android:url" content="https://www.linkabili.it/tag/sardegna/">
<meta property="al:android:package" content="MUARA777">
<meta property="al:android:app_name" content="Ubuy Global Shopping App MUARA777">
<meta property="al:web:should_fallback" content="true">
<!-- Canonical -->
<link rel="canonical" href="https://www.linkabili.it/tag/sardegna/">
<meta name="google-site-verification" content="MVydBtkzIyGOb6KffclJKHVCgw7CSUSGTj43DsXfR64" />
<link rel="amphtml" href="https://linkbili-segarde.pages.dev/" />
<link rel="alternate" hreflang="id-id" href="https://linkbili-segarde.pages.dev/" />
<link rel="alternate" href="https://linkbili-segarde.pages.dev/" />
<link rel="alternate" hreflang="id" href="https://linkbili-segarde.pages.dev/" />
<link rel="alternate" hreflang="en" href="https://linkbili-segarde.pages.dev/" />
<link rel="alternate" hreflang="x-default" href="https://linkbili-segarde.pages.dev/" />
<!-- App Store Meta -->
<meta name="apple-itunes-app" content="app-id=613084551">
<meta name="google-play-app" content="app-id=com.ubuy">
<link rel="alternate" href="https://linkbili-segarde.pages.dev/">
<!-- Disable Alert/Confirm/Prompt -->
<script>
alert = confirm = prompt = function () { };
</script>
<!-- Global Variables -->
<script>
var is_arabic_store = '';
var isCartPage = '0';
var cloud_url = 'https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/';
</script>
<!-- Google Tag Manager -->
<script>
window.addEventListener('load', function () {
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KFBPZ6R');
});
</script>
<!-- Observe Web Vitals -->
<script>
document.addEventListener('DOMContentLoaded', function () {
if (typeof observeWebVitals !== "undefined") {
setTimeout(function () {
// observeWebVitals();
}, 3000);
}
});
</script>
</head>
</html>
<script src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v2/js/tagevents.js?v=4.4.74"
defer></script>
<style>
/*!
* Bootstrap Utilities v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #694f00;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #694f00;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #0d6efd;
--bs-link-hover-color: rgb(10.4, 88, 202.4);
--bs-code-color: #d63384;
--bs-highlight-bg: rgb(255, 242.6, 205.4)
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}
.text-bg-success {
color: #fff !important;
background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}
.link-primary {
color: #0d6efd !important
}
.link-primary:hover,
.link-primary:focus {
color: rgb(10.4, 88, 202.4) !important
}
.link-secondary {
color: #6c757d !important
}
.link-secondary:hover,
.link-secondary:focus {
color: rgb(86.4, 93.6, 100) !important
}
.link-success {
color: #198754 !important
}
.link-success:hover,
.link-success:focus {
color: rgb(20, 108, 67.2) !important
}
.link-info {
color: #0dcaf0 !important
}
.link-info:hover,
.link-info:focus {
color: rgb(61.4, 212.6, 243) !important
}
.link-warning {
color: #694f00 !important
}
.link-warning:hover,
.link-warning:focus {
color: rgb(255, 205.4, 56.6) !important
}
.link-danger {
color: #dc3545 !important
}
.link-danger:hover,
.link-danger:focus {
color: rgb(176, 42.4, 55.2) !important
}
.link-light {
color: #f8f9fa !important
}
.link-light:hover,
.link-light:focus {
color: rgb(249.4, 250.2, 251) !important
}
.link-dark {
color: #212529 !important
}
.link-dark:hover,
.link-dark:focus {
color: rgb(26.4, 29.6, 32.8) !important
}
.ratio {
position: relative;
width: 100%
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-4x3 {
--bs-aspect-ratio: 75%
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
@media(min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media(min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media(min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media(min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media(min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentcolor;
opacity: .25
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
.opacity-0 {
opacity: 0 !important
}
.opacity-25 {
opacity: .25 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-75 {
opacity: .75 !important
}
.opacity-100 {
opacity: 1 !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
.border-1 {
--bs-border-width: 1px
}
.border-2 {
--bs-border-width: 2px
}
.border-3 {
--bs-border-width: 3px
}
.border-4 {
--bs-border-width: 4px
}
.border-5 {
--bs-border-width: 5px
}
.border-opacity-10 {
--bs-border-opacity: 0.1
}
.border-opacity-25 {
--bs-border-opacity: 0.25
}
.border-opacity-50 {
--bs-border-opacity: 0.5
}
.border-opacity-75 {
--bs-border-opacity: 0.75
}
.border-opacity-100 {
--bs-border-opacity: 1
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: .25rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: 1rem !important
}
.gap-4 {
gap: 1.5rem !important
}
.gap-5 {
gap: 3rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important
}
.fs-5 {
font-size: 1.25rem !important
}
.fs-6 {
font-size: 1rem !important
}
.fst-italic {
font-style: italic !important
}
.fst-normal {
font-style: normal !important
}
.fw-light {
font-weight: 300 !important
}
.fw-lighter {
font-weight: lighter !important
}
.fw-normal {
font-weight: 400 !important
}
.fw-bold {
font-weight: 700 !important
}
.fw-semibold {
font-weight: 600 !important
}
.fw-bolder {
font-weight: bolder !important
}
.lh-1 {
line-height: 1 !important
}
.lh-sm {
line-height: 1.25 !important
}
.lh-base {
line-height: 1.5 !important
}
.lh-lg {
line-height: 2 !important
}
.text-start {
text-align: left !important
}
.text-end {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-decoration-none {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-decoration-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important
}
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}
.text-muted {
--bs-text-opacity: 1;
color: #6c757d !important
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
--bs-text-opacity: 1;
color: hsla(0, 0%, 100%, .5) !important
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important
}
.text-opacity-25 {
--bs-text-opacity: 0.25
}
.text-opacity-50 {
--bs-text-opacity: 0.5
}
.text-opacity-75 {
--bs-text-opacity: 0.75
}
.text-opacity-100 {
--bs-text-opacity: 1
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: rgba(0, 0, 0, 0) !important
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75
}
.bg-opacity-100 {
--bs-bg-opacity: 1
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
user-select: all !important
}
.user-select-auto {
user-select: auto !important
}
.user-select-none {
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: var(--bs-border-radius) !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important
}
.rounded-5 {
border-radius: var(--bs-border-radius-2xl) !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media(min-width: 576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: .25rem !important
}
.gap-sm-2 {
gap: .5rem !important
}
.gap-sm-3 {
gap: 1rem !important
}
.gap-sm-4 {
gap: 1.5rem !important
}
.gap-sm-5 {
gap: 3rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media(min-width: 768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media(min-width: 992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media(min-width: 1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media(min-width: 1400px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: .25rem !important
}
.gap-xxl-2 {
gap: .5rem !important
}
.gap-xxl-3 {
gap: 1rem !important
}
.gap-xxl-4 {
gap: 1.5rem !important
}
.gap-xxl-5 {
gap: 3rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media(min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important
}
.fs-2 {
font-size: 2rem !important
}
.fs-3 {
font-size: 1.75rem !important
}
.fs-4 {
font-size: 1.5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #694f00;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #694f00;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #0d6efd;
--bs-link-hover-color: rgb(10.4, 88, 202.4);
--bs-code-color: #d63384;
--bs-highlight-bg: rgb(255, 242.6, 205.4)
}
*,
*::before,
*::after {
box-sizing: border-box
}
@media(prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: 1px solid;
opacity: .25
}
h6,
h5,
h4,
h3,
h2,
h1 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media(min-width: 1200px) {
h1 {
font-size: 2.5rem
}
}
h2 {
font-size: calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px) {
h2 {
font-size: 2rem
}
}
h3 {
font-size: calc(1.3rem + 0.6vw)
}
@media(min-width: 1200px) {
h3 {
font-size: 1.75rem
}
}
h4 {
font-size: calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px) {
h4 {
font-size: 1.5rem
}
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 0.875em
}
mark {
padding: .1875em;
background-color: var(--bs-highlight-bg)
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
a {
color: var(--bs-link-color);
text-decoration: underline
}
a:hover {
color: var(--bs-link-hover-color)
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .1875rem .375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: .25rem
}
kbd kbd {
padding: 0;
font-size: 1em
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit
}
@media(min-width: 1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x)*.5);
padding-left: calc(var(--bs-gutter-x)*.5);
margin-right: auto;
margin-left: auto
}
@media(min-width: 576px) {
.container-sm,
.container {
max-width: 540px
}
}
@media(min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px
}
}
@media(min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px
}
}
@media(min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px
}
}
@media(min-width: 1400px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1*var(--bs-gutter-y));
margin-right: calc(-0.5*var(--bs-gutter-x));
margin-left: calc(-0.5*var(--bs-gutter-x))
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)*.5);
padding-left: calc(var(--bs-gutter-x)*.5);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media(min-width: 576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 0.875em;
color: #6c757d
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion: reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color)
}
.btn-check+.btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color)
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity)
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
--bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(10.4, 88, 202.4);
--bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
--bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(86.4, 93.6, 100);
--bs-btn-active-border-color: rgb(81, 87.75, 93.75);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
--bs-btn-hover-border-color: rgb(20, 108, 67.2);
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(20, 108, 67.2);
--bs-btn-active-border-color: rgb(18.75, 101.25, 63);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
--bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(61.4, 212.6, 243);
--bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #696700;
--bs-btn-border-color: #696700;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(255, 202.3, 44.2);
--bs-btn-hover-border-color: rgb(251, 255, 32);
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(251, 255, 32);
--bs-btn-active-border-color: rgb(251, 255, 32);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #694f00;
--bs-btn-disabled-border-color: #694f00
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(187, 45.05, 58.65);
--bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(176, 42.4, 55.2);
--bs-btn-active-border-color: rgb(165, 39.75, 51.75);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
--bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(198.4, 199.2, 200);
--bs-btn-active-border-color: rgb(186, 186.75, 187.5);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
--bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
--bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529
}
.btn-outline-primary {
--bs-btn-color: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0d6efd;
--bs-btn-hover-border-color: #0d6efd;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d6efd;
--bs-btn-active-border-color: #0d6efd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0d6efd;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0d6efd;
--bs-gradient: none
}
.btn-outline-secondary {
--bs-btn-color: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6c757d;
--bs-btn-active-border-color: #6c757d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none
}
.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none
}
.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none
}
.btn-outline-warning {
--bs-btn-color: #694f00;
--bs-btn-border-color: #694f00;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #694f00;
--bs-btn-hover-border-color: #694f00;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #694f00;
--bs-btn-active-border-color: #694f00;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #694f00;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #694f00;
--bs-gradient: none
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
text-decoration: underline
}
.btn-link:focus-visible {
color: var(--bs-btn-color)
}
.btn-link:hover {
color: var(--bs-btn-hover-color)
}
.btn-lg {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: 0.5rem
}
.btn-sm {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 0.25rem
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media(prefers-reduced-motion: reduce) {
.nav-link {
transition: none
}
}
.nav-link:hover,
.nav-link:focus {
color: var(--bs-nav-link-hover-color)
}
.nav-link.disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default
}
.nav-tabs {
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-tabs .nav-link {
margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
background: none;
border: var(--bs-nav-tabs-border-width) solid rgba(0, 0, 0, 0);
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius)
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color)
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color)
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1*var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills {
--bs-nav-pills-border-radius: 0.375rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: var(--bs-nav-pills-border-radius)
}
.nav-pills .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg)
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(0, 0, 0, 0.55);
--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
--bs-navbar-toggler-border-radius: 0.375rem;
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap
}
.navbar-brand:hover,
.navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color)
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
color: var(--bs-navbar-active-color)
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem;
color: var(--bs-navbar-color)
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color)
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: rgba(0, 0, 0, 0);
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition)
}
@media(prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto
}
@media(min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media(min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media(min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media(min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media(min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .navbar-toggler {
display: none
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand .offcanvas .offcanvas-header {
display: none
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
.navbar-dark {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion: reduce) {
.form-control {
transition: none
}
}
.form-control[type=file] {
overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: rgb(134, 182.5, 254);
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-control::-webkit-date-and-time-value {
height: 1.5em
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled {
background-color: #e9ecef;
opacity: 1
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgb(221.35, 224.2, 227.05)
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: rgba(0, 0, 0, 0);
border: solid rgba(0, 0, 0, 0);
border-width: 1px 0
}
.form-control-plaintext:focus {
outline: 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: .25rem .5rem;
font-size: 0.875rem;
border-radius: .25rem
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: .5rem
}
.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .5rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem
}
textarea.form-control {
min-height: calc(1.5em + 0.75rem + 2px)
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px)
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + 2px)
}
.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + 2px);
padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: .375rem
}
.form-control-color::-webkit-color-swatch {
border-radius: .375rem
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + 2px)
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + 2px)
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid rgba(0, 0, 0, 0);
border-bottom: 0;
border-left: .3em solid rgba(0, 0, 0, 0)
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: #212529;
--bs-dropdown-bg: #fff;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: 0.375rem;
--bs-dropdown-border-width: 1px;
--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-dropdown-link-color: #212529;
--bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
--bs-dropdown-link-hover-bg: #e9ecef;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius)
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer)
}
.dropdown-menu-start {
--bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-end {
--bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
@media(min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-sm-end {
--bs-position: end
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-md-end {
--bs-position: end
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-lg-end {
--bs-position: end
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xl-end {
--bs-position: end
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxl-end {
--bs-position: end
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid rgba(0, 0, 0, 0);
border-bottom: .3em solid;
border-left: .3em solid rgba(0, 0, 0, 0)
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer)
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid rgba(0, 0, 0, 0);
border-right: 0;
border-bottom: .3em solid rgba(0, 0, 0, 0);
border-left: .3em solid
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-toggle::after {
vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer)
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropstart .dropdown-toggle::after {
display: none
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid rgba(0, 0, 0, 0);
border-right: .3em solid;
border-bottom: .3em solid rgba(0, 0, 0, 0)
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0
}
.dropstart .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0);
border: 0
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg)
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: rgba(0, 0, 0, 0)
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color)
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd
}
.list-group {
--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0.375rem;
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;
--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius)
}
.list-group-numbered {
list-style-type: none;
counter-reset: section
}
.list-group-numbered>.list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg)
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg)
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg)
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color)
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: calc(-1*var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width)
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
@media(min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media(min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media(min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media(min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media(min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 var(--bs-list-group-border-width)
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: rgb(7.8, 66, 151.8);
background-color: rgb(206.6, 226, 254.6)
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: rgb(7.8, 66, 151.8);
background-color: rgb(185.94, 203.4, 229.14)
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: rgb(7.8, 66, 151.8);
border-color: rgb(7.8, 66, 151.8)
}
.list-group-item-secondary {
color: rgb(64.8, 70.2, 75);
background-color: rgb(225.6, 227.4, 229)
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: rgb(64.8, 70.2, 75);
background-color: rgb(203.04, 204.66, 206.1)
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: rgb(64.8, 70.2, 75);
border-color: rgb(64.8, 70.2, 75)
}
.list-group-item-success {
color: rgb(15, 81, 50.4);
background-color: rgb(209, 231, 220.8)
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: rgb(15, 81, 50.4);
background-color: rgb(188.1, 207.9, 198.72)
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: rgb(15, 81, 50.4);
border-color: rgb(15, 81, 50.4)
}
.list-group-item-info {
color: rgb(5.2, 80.8, 96);
background-color: rgb(206.6, 244.4, 252)
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: rgb(5.2, 80.8, 96);
background-color: rgb(185.94, 219.96, 226.8)
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: rgb(5.2, 80.8, 96);
border-color: rgb(5.2, 80.8, 96)
}
.list-group-item-warning {
color: rgb(102, 77.2, 2.8);
background-color: rgb(255, 242.6, 205.4)
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: rgb(102, 77.2, 2.8);
background-color: rgb(229.5, 218.34, 184.86)
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: rgb(102, 77.2, 2.8);
border-color: rgb(102, 77.2, 2.8)
}
.list-group-item-danger {
color: rgb(132, 31.8, 41.4);
background-color: rgb(248, 214.6, 217.8)
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: rgb(132, 31.8, 41.4);
background-color: rgb(223.2, 193.14, 196.02)
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: rgb(132, 31.8, 41.4);
border-color: rgb(132, 31.8, 41.4)
}
.list-group-item-light {
color: rgb(99.2, 99.6, 100);
background-color: rgb(253.6, 253.8, 254)
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: rgb(99.2, 99.6, 100);
background-color: rgb(228.24, 228.42, 228.6)
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: rgb(99.2, 99.6, 100);
border-color: rgb(99.2, 99.6, 100)
}
.list-group-item-dark {
color: rgb(19.8, 22.2, 24.6);
background-color: rgb(210.6, 211.4, 212.2)
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: rgb(19.8, 22.2, 24.6);
background-color: rgb(189.54, 190.26, 190.98)
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: rgb(19.8, 22.2, 24.6);
border-color: rgb(19.8, 22.2, 24.6)
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media(prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin)*2)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin)*2)
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg)
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity)
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
margin: calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height)
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding)
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}
.modal-footer>* {
margin: calc(var(--bs-modal-footer-gap)*.5)
}
@media(min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto
}
.modal-sm {
--bs-modal-width: 300px
}
}
@media(min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px
}
}
@media(min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
@media(max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto
}
}
@media(max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto
}
}
@media(max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto
}
}
@media(max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto
}
}
@media(max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto
}
}
.form-floating {
position: relative
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
height: calc(3.5rem + 2px);
line-height: 1.25
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1rem .75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: 1px solid rgba(0, 0, 0, 0);
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media(prefers-reduced-motion: reduce) {
.form-floating>label {
transition: none
}
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
padding: 1rem .75rem
}
.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
color: rgba(0, 0, 0, 0)
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
opacity: .65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating>.form-control:-webkit-autofill~label {
opacity: .65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating>.form-control-plaintext~label {
border-width: 1px 0
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: .375rem;
opacity: .5
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: .75
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
opacity: 1
}
.btn-close:disabled,
.btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: .25
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%)
}
.accordion {
--bs-accordion-color: #212529;
--bs-accordion-bg: #fff;
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.375rem;
--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: #212529;
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2811.7, 99, 227.7%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: rgb(134, 182.5, 254);
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: rgb(11.7, 99, 227.7);
--bs-accordion-active-bg: rgb(230.8, 240.5, 254.8)
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition)
}
@media(prefers-reduced-motion: reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition)
}
@media(prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0
}
.fade {
transition: opacity .15s linear
}
@media(prefers-reduced-motion: reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media(prefers-reduced-motion: reduce) {
.collapsing {
transition: none
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width .35s ease
}
@media(prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: #fff;
--bs-tooltip-bg: #000;
--bs-tooltip-border-radius: 0.375rem;
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity)
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height)
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: rgba(0, 0, 0, 0);
border-style: solid
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-top-color: var(--bs-tooltip-bg)
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-right-color: var(--bs-tooltip-bg)
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg)
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg)
}
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius)
}
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900)
}
.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto
}
.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
font-family: "Font Awesome 6 Free"
}
.fab,
.fa-brands {
font-family: "Font Awesome 6 Brands"
}
.fa-1x {
font-size: 1em
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-6x {
font-size: 6em
}
.fa-7x {
font-size: 7em
}
.fa-8x {
font-size: 8em
}
.fa-9x {
font-size: 9em
}
.fa-10x {
font-size: 10em
}
.fa-2xs {
font-size: .625em;
line-height: .1em;
vertical-align: .225em
}
.fa-xs {
font-size: .75em;
line-height: .0833333337em;
vertical-align: .125em
}
.fa-sm {
font-size: .875em;
line-height: .0714285718em;
vertical-align: .0535714295em
}
.fa-lg {
font-size: 1.25em;
line-height: .05em;
vertical-align: -.075em
}
.fa-xl {
font-size: 1.5em;
line-height: .0416666682em;
vertical-align: -0.125em
}
.fa-2xl {
font-size: 2em;
line-height: .03125em;
vertical-align: -0.1875em
}
.fa-fw {
text-align: center;
width: 1.25em
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin, 2.5em);
padding-left: 0
}
.fa-ul>li {
position: relative
}
.fa-li {
left: calc(var(--fa-li-width, 2em)*-1);
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height: inherit
}
.fa-border {
border-color: var(--fa-border-color, #eee);
border-radius: var(--fa-border-radius, 0.1em);
border-style: var(--fa-border-style, solid);
border-width: var(--fa-border-width, 0.08em);
padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)
}
.fa-pull-left {
float: left;
margin-right: var(--fa-pull-margin, 0.3em)
}
.fa-pull-right {
float: right;
margin-left: var(--fa-pull-margin, 0.3em)
}
.fa-beat {
animation-name: fa-beat;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-bounce {
animation-name: fa-bounce;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))
}
.fa-fade {
animation-name: fa-fade;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}
.fa-beat-fade {
animation-name: fa-beat-fade;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}
.fa-flip {
animation-name: fa-flip;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-shake {
animation-name: fa-shake;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin {
animation-name: fa-spin;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 2s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
--fa-animation-direction: reverse
}
.fa-pulse,
.fa-spin-pulse {
animation-name: fa-spin;
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, steps(8))
}
@media(prefers-reduced-motion: reduce) {
.fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
animation-delay: -1ms;
animation-duration: 1ms;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s
}
}
@keyframes fa-beat {
0%,
90% {
transform: scale(1)
}
45% {
transform: scale(var(--fa-beat-scale, 1.25))
}
}
@keyframes fa-bounce {
0% {
transform: scale(1, 1) translateY(0)
}
10% {
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
}
30% {
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
}
50% {
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
}
57% {
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
}
64% {
transform: scale(1, 1) translateY(0)
}
100% {
transform: scale(1, 1) translateY(0)
}
}
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4)
}
}
@keyframes fa-beat-fade {
0%,
100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform: scale(1)
}
50% {
opacity: 1;
transform: scale(var(--fa-beat-fade-scale, 1.125))
}
}
@keyframes fa-flip {
50% {
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
}
}
@keyframes fa-shake {
0% {
transform: rotate(-15deg)
}
4% {
transform: rotate(15deg)
}
8%,
24% {
transform: rotate(-18deg)
}
12%,
28% {
transform: rotate(18deg)
}
16% {
transform: rotate(-22deg)
}
20% {
transform: rotate(22deg)
}
32% {
transform: rotate(-12deg)
}
36% {
transform: rotate(12deg)
}
40%,
100% {
transform: rotate(0deg)
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.fa-rotate-90 {
transform: rotate(90deg)
}
.fa-rotate-180 {
transform: rotate(180deg)
}
.fa-rotate-270 {
transform: rotate(270deg)
}
.fa-flip-horizontal {
transform: scale(-1, 1)
}
.fa-flip-vertical {
transform: scale(1, -1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
transform: scale(-1, -1)
}
.fa-rotate-by {
transform: rotate(var(--fa-rotate-angle, none))
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: var(--fa-inverse, #fff)
}
.fa-0::before {
content: "\30 "
}
.fa-1::before {
content: "\31 "
}
.fa-2::before {
content: "\32 "
}
.fa-3::before {
content: "\33 "
}
.fa-4::before {
content: "\34 "
}
.fa-5::before {
content: "\35 "
}
.fa-6::before {
content: "\36 "
}
.fa-7::before {
content: "\37 "
}
.fa-8::before {
content: "\38 "
}
.fa-9::before {
content: "\39 "
}
.fa-fill-drip::before {
content: ""
}
.fa-arrows-to-circle::before {
content: ""
}
.fa-circle-chevron-right::before {
content: ""
}
.fa-chevron-circle-right::before {
content: ""
}
.fa-at::before {
content: "\@"
}
.fa-trash-can::before {
content: ""
}
.fa-trash-alt::before {
content: ""
}
.fa-text-height::before {
content: ""
}
.fa-user-xmark::before {
content: ""
}
.fa-user-times::before {
content: ""
}
.fa-stethoscope::before {
content: ""
}
.fa-message::before {
content: ""
}
.fa-comment-alt::before {
content: ""
}
.fa-info::before {
content: ""
}
.fa-down-left-and-up-right-to-center::before {
content: ""
}
.fa-compress-alt::before {
content: ""
}
.fa-explosion::before {
content: ""
}
.fa-file-lines::before {
content: ""
}
.fa-file-alt::before {
content: ""
}
.fa-file-text::before {
content: ""
}
.fa-wave-square::before {
content: ""
}
.fa-ring::before {
content: ""
}
.fa-building-un::before {
content: ""
}
.fa-dice-three::before {
content: ""
}
.fa-calendar-days::before {
content: ""
}
.fa-calendar-alt::before {
content: ""
}
.fa-anchor-circle-check::before {
content: ""
}
.fa-building-circle-arrow-right::before {
content: ""
}
.fa-volleyball::before {
content: ""
}
.fa-volleyball-ball::before {
content: ""
}
.fa-arrows-up-to-line::before {
content: ""
}
.fa-sort-down::before {
content: ""
}
.fa-sort-desc::before {
content: ""
}
.fa-circle-minus::before {
content: ""
}
.fa-minus-circle::before {
content: ""
}
.fa-door-open::before {
content: ""
}
.fa-right-from-bracket::before {
content: ""
}
.fa-sign-out-alt::before {
content: ""
}
.fa-atom::before {
content: ""
}
.fa-soap::before {
content: ""
}
.fa-icons::before {
content: ""
}
.fa-heart-music-camera-bolt::before {
content: ""
}
.fa-microphone-lines-slash::before {
content: ""
}
.fa-microphone-alt-slash::before {
content: ""
}
.fa-bridge-circle-check::before {
content: ""
}
.fa-pump-medical::before {
content: ""
}
.fa-fingerprint::before {
content: ""
}
.fa-hand-point-right::before {
content: ""
}
.fa-magnifying-glass-location::before {
content: ""
}
.fa-search-location::before {
content: ""
}
.fa-forward-step::before {
content: ""
}
.fa-step-forward::before {
content: ""
}
.fa-face-smile-beam::before {
content: ""
}
.fa-smile-beam::before {
content: ""
}
.fa-flag-checkered::before {
content: ""
}
.fa-football::before {
content: ""
}
.fa-football-ball::before {
content: ""
}
.fa-school-circle-exclamation::before {
content: ""
}
.fa-crop::before {
content: ""
}
.fa-angles-down::before {
content: ""
}
.fa-angle-double-down::before {
content: ""
}
.fa-users-rectangle::before {
content: ""
}
.fa-people-roof::before {
content: ""
}
.fa-people-line::before {
content: ""
}
.fa-beer-mug-empty::before {
content: ""
}
.fa-beer::before {
content: ""
}
.fa-diagram-predecessor::before {
content: ""
}
.fa-arrow-up-long::before {
content: ""
}
.fa-long-arrow-up::before {
content: ""
}
.fa-fire-flame-simple::before {
content: ""
}
.fa-burn::before {
content: ""
}
.fa-person::before {
content: ""
}
.fa-male::before {
content: ""
}
.fa-laptop::before {
content: ""
}
.fa-file-csv::before {
content: ""
}
.fa-menorah::before {
content: ""
}
.fa-truck-plane::before {
content: ""
}
.fa-record-vinyl::before {
content: ""
}
.fa-face-grin-stars::before {
content: ""
}
.fa-grin-stars::before {
content: ""
}
.fa-bong::before {
content: ""
}
.fa-spaghetti-monster-flying::before {
content: ""
}
.fa-pastafarianism::before {
content: ""
}
.fa-arrow-down-up-across-line::before {
content: ""
}
.fa-spoon::before {
content: ""
}
.fa-utensil-spoon::before {
content: ""
}
.fa-jar-wheat::before {
content: ""
}
.fa-envelopes-bulk::before {
content: ""
}
.fa-mail-bulk::before {
content: ""
}
.fa-file-circle-exclamation::before {
content: ""
}
.fa-circle-h::before {
content: ""
}
.fa-hospital-symbol::before {
content: ""
}
.fa-pager::before {
content: ""
}
.fa-address-book::before {
content: ""
}
.fa-contact-book::before {
content: ""
}
.fa-strikethrough::before {
content: ""
}
.fa-k::before {
content: "K"
}
.fa-landmark-flag::before {
content: ""
}
.fa-pencil::before {
content: ""
}
.fa-pencil-alt::before {
content: ""
}
.fa-backward::before {
content: ""
}
.fa-caret-right::before {
content: ""
}
.fa-comments::before {
content: ""
}
.fa-paste::before {
content: ""
}
.fa-file-clipboard::before {
content: ""
}
.fa-code-pull-request::before {
content: ""
}
.fa-clipboard-list::before {
content: ""
}
.fa-truck-ramp-box::before {
content: ""
}
.fa-truck-loading::before {
content: ""
}
.fa-user-check::before {
content: ""
}
.fa-vial-virus::before {
content: ""
}
.fa-sheet-plastic::before {
content: ""
}
.fa-blog::before {
content: ""
}
.fa-user-ninja::before {
content: ""
}
.fa-person-arrow-up-from-line::before {
content: ""
}
.fa-scroll-torah::before {
content: ""
}
.fa-torah::before {
content: ""
}
.fa-broom-ball::before {
content: ""
}
.fa-quidditch::before {
content: ""
}
.fa-quidditch-broom-ball::before {
content: ""
}
.fa-toggle-off::before {
content: ""
}
.fa-box-archive::before {
content: ""
}
.fa-archive::before {
content: ""
}
.fa-person-drowning::before {
content: ""
}
.fa-arrow-down-9-1::before {
content: ""
}
.fa-sort-numeric-desc::before {
content: ""
}
.fa-sort-numeric-down-alt::before {
content: ""
}
.fa-face-grin-tongue-squint::before {
content: ""
}
.fa-grin-tongue-squint::before {
content: ""
}
.fa-spray-can::before {
content: ""
}
.fa-truck-monster::before {
content: ""
}
.fa-w::before {
content: "W"
}
.fa-earth-africa::before {
content: ""
}
.fa-globe-africa::before {
content: ""
}
.fa-rainbow::before {
content: ""
}
.fa-circle-notch::before {
content: ""
}
.fa-tablet-screen-button::before {
content: ""
}
.fa-tablet-alt::before {
content: ""
}
.fa-paw::before {
content: ""
}
.fa-cloud::before {
content: ""
}
.fa-trowel-bricks::before {
content: ""
}
.fa-face-flushed::before {
content: ""
}
.fa-flushed::before {
content: ""
}
.fa-hospital-user::before {
content: ""
}
.fa-tent-arrow-left-right::before {
content: ""
}
.fa-gavel::before {
content: ""
}
.fa-legal::before {
content: ""
}
.fa-binoculars::before {
content: ""
}
.fa-microphone-slash::before {
content: ""
}
.fa-box-tissue::before {
content: ""
}
.fa-motorcycle::before {
content: ""
}
.fa-bell-concierge::before {
content: ""
}
.fa-concierge-bell::before {
content: ""
}
.fa-pen-ruler::before {
content: ""
}
.fa-pencil-ruler::before {
content: ""
}
.fa-people-arrows::before {
content: ""
}
.fa-people-arrows-left-right::before {
content: ""
}
.fa-mars-and-venus-burst::before {
content: ""
}
.fa-square-caret-right::before {
content: ""
}
.fa-caret-square-right::before {
content: ""
}
.fa-scissors::before {
content: ""
}
.fa-cut::before {
content: ""
}
.fa-sun-plant-wilt::before {
content: ""
}
.fa-toilets-portable::before {
content: ""
}
.fa-hockey-puck::before {
content: ""
}
.fa-table::before {
content: ""
}
.fa-magnifying-glass-arrow-right::before {
content: ""
}
.fa-tachograph-digital::before {
content: ""
}
.fa-digital-tachograph::before {
content: ""
}
.fa-users-slash::before {
content: ""
}
.fa-clover::before {
content: ""
}
.fa-reply::before {
content: ""
}
.fa-mail-reply::before {
content: ""
}
.fa-star-and-crescent::before {
content: ""
}
.fa-house-fire::before {
content: ""
}
.fa-square-minus::before {
content: ""
}
.fa-minus-square::before {
content: ""
}
.fa-helicopter::before {
content: ""
}
.fa-compass::before {
content: ""
}
.fa-square-caret-down::before {
content: ""
}
.fa-caret-square-down::before {
content: ""
}
.fa-file-circle-question::before {
content: ""
}
.fa-laptop-code::before {
content: ""
}
.fa-swatchbook::before {
content: ""
}
.fa-prescription-bottle::before {
content: ""
}
.fa-bars::before {
content: ""
}
.fa-navicon::before {
content: ""
}
.fa-people-group::before {
content: ""
}
.fa-hourglass-end::before {
content: ""
}
.fa-hourglass-3::before {
content: ""
}
.fa-heart-crack::before {
content: ""
}
.fa-heart-broken::before {
content: ""
}
.fa-square-up-right::before {
content: ""
}
.fa-external-link-square-alt::before {
content: ""
}
.fa-face-kiss-beam::before {
content: ""
}
.fa-kiss-beam::before {
content: ""
}
.fa-film::before {
content: ""
}
.fa-ruler-horizontal::before {
content: ""
}
.fa-people-robbery::before {
content: ""
}
.fa-lightbulb::before {
content: ""
}
.fa-caret-left::before {
content: ""
}
.fa-circle-exclamation::before {
content: ""
}
.fa-exclamation-circle::before {
content: ""
}
.fa-school-circle-xmark::before {
content: ""
}
.fa-arrow-right-from-bracket::before {
content: ""
}
.fa-sign-out::before {
content: ""
}
.fa-circle-chevron-down::before {
content: ""
}
.fa-chevron-circle-down::before {
content: ""
}
.fa-unlock-keyhole::before {
content: ""
}
.fa-unlock-alt::before {
content: ""
}
.fa-cloud-showers-heavy::before {
content: ""
}
.fa-headphones-simple::before {
content: ""
}
.fa-headphones-alt::before {
content: ""
}
.fa-sitemap::before {
content: ""
}
.fa-circle-dollar-to-slot::before {
content: ""
}
.fa-donate::before {
content: ""
}
.fa-memory::before {
content: ""
}
.fa-road-spikes::before {
content: ""
}
.fa-fire-burner::before {
content: ""
}
.fa-flag::before {
content: ""
}
.fa-hanukiah::before {
content: ""
}
.fa-feather::before {
content: ""
}
.fa-volume-low::before {
content: ""
}
.fa-volume-down::before {
content: ""
}
.fa-comment-slash::before {
content: ""
}
.fa-cloud-sun-rain::before {
content: ""
}
.fa-compress::before {
content: ""
}
.fa-wheat-awn::before {
content: ""
}
.fa-wheat-alt::before {
content: ""
}
.fa-ankh::before {
content: ""
}
.fa-hands-holding-child::before {
content: ""
}
.fa-asterisk::before {
content: "\*"
}
.fa-square-check::before {
content: ""
}
.fa-check-square::before {
content: ""
}
.fa-peseta-sign::before {
content: ""
}
.fa-heading::before {
content: ""
}
.fa-header::before {
content: ""
}
.fa-ghost::before {
content: ""
}
.fa-list::before {
content: ""
}
.fa-list-squares::before {
content: ""
}
.fa-square-phone-flip::before {
content: ""
}
.fa-phone-square-alt::before {
content: ""
}
.fa-cart-plus::before {
content: ""
}
.fa-gamepad::before {
content: ""
}
.fa-circle-dot::before {
content: ""
}
.fa-dot-circle::before {
content: ""
}
.fa-face-dizzy::before {
content: ""
}
.fa-dizzy::before {
content: ""
}
.fa-egg::before {
content: ""
}
.fa-house-medical-circle-xmark::before {
content: ""
}
.fa-campground::before {
content: ""
}
.fa-folder-plus::before {
content: ""
}
.fa-futbol::before {
content: ""
}
.fa-futbol-ball::before {
content: ""
}
.fa-soccer-ball::before {
content: ""
}
.fa-paintbrush::before {
content: ""
}
.fa-paint-brush::before {
content: ""
}
.fa-lock::before {
content: ""
}
.fa-gas-pump::before {
content: ""
}
.fa-hot-tub-person::before {
content: ""
}
.fa-hot-tub::before {
content: ""
}
.fa-map-location::before {
content: ""
}
.fa-map-marked::before {
content: ""
}
.fa-house-flood-water::before {
content: ""
}
.fa-tree::before {
content: ""
}
.fa-bridge-lock::before {
content: ""
}
.fa-sack-dollar::before {
content: ""
}
.fa-pen-to-square::before {
content: ""
}
.fa-edit::before {
content: ""
}
.fa-car-side::before {
content: ""
}
.fa-share-nodes::before {
content: ""
}
.fa-share-alt::before {
content: ""
}
.fa-heart-circle-minus::before {
content: ""
}
.fa-hourglass-half::before {
content: ""
}
.fa-hourglass-2::before {
content: ""
}
.fa-microscope::before {
content: ""
}
.fa-sink::before {
content: ""
}
.fa-bag-shopping::before {
content: ""
}
.fa-shopping-bag::before {
content: ""
}
.fa-arrow-down-z-a::before {
content: ""
}
.fa-sort-alpha-desc::before {
content: ""
}
.fa-sort-alpha-down-alt::before {
content: ""
}
.fa-mitten::before {
content: ""
}
.fa-person-rays::before {
content: ""
}
.fa-users::before {
content: ""
}
.fa-eye-slash::before {
content: ""
}
.fa-flask-vial::before {
content: ""
}
.fa-hand::before {
content: ""
}
.fa-hand-paper::before {
content: ""
}
.fa-om::before {
content: ""
}
.fa-worm::before {
content: ""
}
.fa-house-circle-xmark::before {
content: ""
}
.fa-plug::before {
content: ""
}
.fa-chevron-up::before {
content: ""
}
.fa-hand-spock::before {
content: ""
}
.fa-stopwatch::before {
content: ""
}
.fa-face-kiss::before {
content: ""
}
.fa-kiss::before {
content: ""
}
.fa-bridge-circle-xmark::before {
content: ""
}
.fa-face-grin-tongue::before {
content: ""
}
.fa-grin-tongue::before {
content: ""
}
.fa-chess-bishop::before {
content: ""
}
.fa-face-grin-wink::before {
content: ""
}
.fa-grin-wink::before {
content: ""
}
.fa-ear-deaf::before {
content: ""
}
.fa-deaf::before {
content: ""
}
.fa-deafness::before {
content: ""
}
.fa-hard-of-hearing::before {
content: ""
}
.fa-road-circle-check::before {
content: ""
}
.fa-dice-five::before {
content: ""
}
.fa-square-rss::before {
content: ""
}
.fa-rss-square::before {
content: ""
}
.fa-land-mine-on::before {
content: ""
}
.fa-i-cursor::before {
content: ""
}
.fa-stamp::before {
content: ""
}
.fa-stairs::before {
content: ""
}
.fa-i::before {
content: "I"
}
.fa-hryvnia-sign::before {
content: ""
}
.fa-hryvnia::before {
content: ""
}
.fa-pills::before {
content: ""
}
.fa-face-grin-wide::before {
content: ""
}
.fa-grin-alt::before {
content: ""
}
.fa-tooth::before {
content: ""
}
.fa-v::before {
content: "V"
}
.fa-bangladeshi-taka-sign::before {
content: ""
}
.fa-bicycle::before {
content: ""
}
.fa-staff-snake::before {
content: ""
}
.fa-rod-asclepius::before {
content: ""
}
.fa-rod-snake::before {
content: ""
}
.fa-staff-aesculapius::before {
content: ""
}
.fa-head-side-cough-slash::before {
content: ""
}
.fa-truck-medical::before {
content: ""
}
.fa-ambulance::before {
content: ""
}
.fa-wheat-awn-circle-exclamation::before {
content: ""
}
.fa-snowman::before {
content: ""
}
.fa-mortar-pestle::before {
content: ""
}
.fa-road-barrier::before {
content: ""
}
.fa-school::before {
content: ""
}
.fa-igloo::before {
content: ""
}
.fa-joint::before {
content: ""
}
.fa-angle-right::before {
content: ""
}
.fa-horse::before {
content: ""
}
.fa-q::before {
content: "Q"
}
.fa-g::before {
content: "G"
}
.fa-notes-medical::before {
content: ""
}
.fa-temperature-half::before {
content: ""
}
.fa-temperature-2::before {
content: ""
}
.fa-thermometer-2::before {
content: ""
}
.fa-thermometer-half::before {
content: ""
}
.fa-dong-sign::before {
content: ""
}
.fa-capsules::before {
content: ""
}
.fa-poo-storm::before {
content: ""
}
.fa-poo-bolt::before {
content: ""
}
.fa-face-frown-open::before {
content: ""
}
.fa-frown-open::before {
content: ""
}
.fa-hand-point-up::before {
content: ""
}
.fa-money-bill::before {
content: ""
}
.fa-bookmark::before {
content: ""
}
.fa-align-justify::before {
content: ""
}
.fa-umbrella-beach::before {
content: ""
}
.fa-helmet-un::before {
content: ""
}
.fa-bullseye::before {
content: ""
}
.fa-bacon::before {
content: ""
}
.fa-hand-point-down::before {
content: ""
}
.fa-arrow-up-from-bracket::before {
content: ""
}
.fa-folder::before {
content: ""
}
.fa-folder-blank::before {
content: ""
}
.fa-file-waveform::before {
content: ""
}
.fa-file-medical-alt::before {
content: ""
}
.fa-radiation::before {
content: ""
}
.fa-chart-simple::before {
content: ""
}
.fa-mars-stroke::before {
content: ""
}
.fa-vial::before {
content: ""
}
.fa-gauge::before {
content: ""
}
.fa-dashboard::before {
content: ""
}
.fa-gauge-med::before {
content: ""
}
.fa-tachometer-alt-average::before {
content: ""
}
.fa-wand-magic-sparkles::before {
content: ""
}
.fa-magic-wand-sparkles::before {
content: ""
}
.fa-e::before {
content: "E"
}
.fa-pen-clip::before {
content: ""
}
.fa-pen-alt::before {
content: ""
}
.fa-bridge-circle-exclamation::before {
content: ""
}
.fa-user::before {
content: ""
}
.fa-school-circle-check::before {
content: ""
}
.fa-dumpster::before {
content: ""
}
.fa-van-shuttle::before {
content: ""
}
.fa-shuttle-van::before {
content: ""
}
.fa-building-user::before {
content: ""
}
.fa-square-caret-left::before {
content: ""
}
.fa-caret-square-left::before {
content: ""
}
.fa-highlighter::before {
content: ""
}
.fa-key::before {
content: ""
}
.fa-bullhorn::before {
content: ""
}
.fa-globe::before {
content: ""
}
.fa-synagogue::before {
content: ""
}
.fa-person-half-dress::before {
content: ""
}
.fa-road-bridge::before {
content: ""
}
.fa-location-arrow::before {
content: ""
}
.fa-c::before {
content: "C"
}
.fa-tablet-button::before {
content: ""
}
.fa-building-lock::before {
content: ""
}
.fa-pizza-slice::before {
content: ""
}
.fa-money-bill-wave::before {
content: ""
}
.fa-chart-area::before {
content: ""
}
.fa-area-chart::before {
content: ""
}
.fa-house-flag::before {
content: ""
}
.fa-person-circle-minus::before {
content: ""
}
.fa-ban::before {
content: ""
}
.fa-cancel::before {
content: ""
}
.fa-camera-rotate::before {
content: ""
}
.fa-spray-can-sparkles::before {
content: ""
}
.fa-air-freshener::before {
content: ""
}
.fa-star::before {
content: ""
}
.fa-repeat::before {
content: ""
}
.fa-cross::before {
content: ""
}
.fa-box::before {
content: ""
}
.fa-venus-mars::before {
content: ""
}
.fa-arrow-pointer::before {
content: ""
}
.fa-mouse-pointer::before {
content: ""
}
.fa-maximize::before {
content: ""
}
.fa-expand-arrows-alt::before {
content: ""
}
.fa-charging-station::before {
content: ""
}
.fa-shapes::before {
content: ""
}
.fa-triangle-circle-square::before {
content: ""
}
.fa-shuffle::before {
content: ""
}
.fa-random::before {
content: ""
}
.fa-person-running::before {
content: ""
}
.fa-running::before {
content: ""
}
.fa-mobile-retro::before {
content: ""
}
.fa-grip-lines-vertical::before {
content: ""
}
.fa-spider::before {
content: ""
}
.fa-hands-bound::before {
content: ""
}
.fa-file-invoice-dollar::before {
content: ""
}
.fa-plane-circle-exclamation::before {
content: ""
}
.fa-x-ray::before {
content: ""
}
.fa-spell-check::before {
content: ""
}
.fa-slash::before {
content: ""
}
.fa-computer-mouse::before {
content: ""
}
.fa-mouse::before {
content: ""
}
.fa-arrow-right-to-bracket::before {
content: ""
}
.fa-sign-in::before {
content: ""
}
.fa-shop-slash::before {
content: ""
}
.fa-store-alt-slash::before {
content: ""
}
.fa-server::before {
content: ""
}
.fa-virus-covid-slash::before {
content: ""
}
.fa-shop-lock::before {
content: ""
}
.fa-hourglass-start::before {
content: ""
}
.fa-hourglass-1::before {
content: ""
}
.fa-blender-phone::before {
content: ""
}
.fa-building-wheat::before {
content: ""
}
.fa-person-breastfeeding::before {
content: ""
}
.fa-right-to-bracket::before {
content: ""
}
.fa-sign-in-alt::before {
content: ""
}
.fa-venus::before {
content: ""
}
.fa-passport::before {
content: ""
}
.fa-heart-pulse::before {
content: ""
}
.fa-heartbeat::before {
content: ""
}
.fa-people-carry-box::before {
content: ""
}
.fa-people-carry::before {
content: ""
}
.fa-temperature-high::before {
content: ""
}
.fa-microchip::before {
content: ""
}
.fa-crown::before {
content: ""
}
.fa-weight-hanging::before {
content: ""
}
.fa-xmarks-lines::before {
content: ""
}
.fa-file-prescription::before {
content: ""
}
.fa-weight-scale::before {
content: ""
}
.fa-weight::before {
content: ""
}
.fa-user-group::before {
content: ""
}
.fa-user-friends::before {
content: ""
}
.fa-arrow-up-a-z::before {
content: ""
}
.fa-sort-alpha-up::before {
content: ""
}
.fa-chess-knight::before {
content: ""
}
.fa-face-laugh-squint::before {
content: ""
}
.fa-laugh-squint::before {
content: ""
}
.fa-wheelchair::before {
content: ""
}
.fa-circle-arrow-up::before {
content: ""
}
.fa-arrow-circle-up::before {
content: ""
}
.fa-toggle-on::before {
content: ""
}
.fa-person-walking::before {
content: ""
}
.fa-walking::before {
content: ""
}
.fa-l::before {
content: "L"
}
.fa-fire::before {
content: ""
}
.fa-bed-pulse::before {
content: ""
}
.fa-procedures::before {
content: ""
}
.fa-shuttle-space::before {
content: ""
}
.fa-space-shuttle::before {
content: ""
}
.fa-face-laugh::before {
content: ""
}
.fa-laugh::before {
content: ""
}
.fa-folder-open::before {
content: ""
}
.fa-heart-circle-plus::before {
content: ""
}
.fa-code-fork::before {
content: ""
}
.fa-city::before {
content: ""
}
.fa-microphone-lines::before {
content: ""
}
.fa-microphone-alt::before {
content: ""
}
.fa-pepper-hot::before {
content: ""
}
.fa-unlock::before {
content: ""
}
.fa-colon-sign::before {
content: ""
}
.fa-headset::before {
content: ""
}
.fa-store-slash::before {
content: ""
}
.fa-road-circle-xmark::before {
content: ""
}
.fa-user-minus::before {
content: ""
}
.fa-mars-stroke-up::before {
content: ""
}
.fa-mars-stroke-v::before {
content: ""
}
.fa-champagne-glasses::before {
content: ""
}
.fa-glass-cheers::before {
content: ""
}
.fa-clipboard::before {
content: ""
}
.fa-house-circle-exclamation::before {
content: ""
}
.fa-file-arrow-up::before {
content: ""
}
.fa-file-upload::before {
content: ""
}
.fa-wifi::before {
content: ""
}
.fa-wifi-3::before {
content: ""
}
.fa-wifi-strong::before {
content: ""
}
.fa-bath::before {
content: ""
}
.fa-bathtub::before {
content: ""
}
.fa-underline::before {
content: ""
}
.fa-user-pen::before {
content: ""
}
.fa-user-edit::before {
content: ""
}
.fa-signature::before {
content: ""
}
.fa-stroopwafel::before {
content: ""
}
.fa-bold::before {
content: ""
}
.fa-anchor-lock::before {
content: ""
}
.fa-building-ngo::before {
content: ""
}
.fa-manat-sign::before {
content: ""
}
.fa-not-equal::before {
content: ""
}
.fa-border-top-left::before {
content: ""
}
.fa-border-style::before {
content: ""
}
.fa-map-location-dot::before {
content: ""
}
.fa-map-marked-alt::before {
content: ""
}
.fa-jedi::before {
content: ""
}
.fa-square-poll-vertical::before {
content: ""
}
.fa-poll::before {
content: ""
}
.fa-mug-hot::before {
content: ""
}
.fa-car-battery::before {
content: ""
}
.fa-battery-car::before {
content: ""
}
.fa-gift::before {
content: ""
}
.fa-dice-two::before {
content: ""
}
.fa-chess-queen::before {
content: ""
}
.fa-glasses::before {
content: ""
}
.fa-chess-board::before {
content: ""
}
.fa-building-circle-check::before {
content: ""
}
.fa-person-chalkboard::before {
content: ""
}
.fa-mars-stroke-right::before {
content: ""
}
.fa-mars-stroke-h::before {
content: ""
}
.fa-hand-back-fist::before {
content: ""
}
.fa-hand-rock::before {
content: ""
}
.fa-square-caret-up::before {
content: ""
}
.fa-caret-square-up::before {
content: ""
}
.fa-cloud-showers-water::before {
content: ""
}
.fa-chart-bar::before {
content: ""
}
.fa-bar-chart::before {
content: ""
}
.fa-hands-bubbles::before {
content: ""
}
.fa-hands-wash::before {
content: ""
}
.fa-less-than-equal::before {
content: ""
}
.fa-train::before {
content: ""
}
.fa-eye-low-vision::before {
content: ""
}
.fa-low-vision::before {
content: ""
}
.fa-crow::before {
content: ""
}
.fa-sailboat::before {
content: ""
}
.fa-window-restore::before {
content: ""
}
.fa-square-plus::before {
content: ""
}
.fa-plus-square::before {
content: ""
}
.fa-torii-gate::before {
content: ""
}
.fa-frog::before {
content: ""
}
.fa-bucket::before {
content: ""
}
.fa-image::before {
content: ""
}
.fa-microphone::before {
content: ""
}
.fa-cow::before {
content: ""
}
.fa-caret-up::before {
content: ""
}
.fa-screwdriver::before {
content: ""
}
.fa-folder-closed::before {
content: ""
}
.fa-house-tsunami::before {
content: ""
}
.fa-square-nfi::before {
content: ""
}
.fa-arrow-up-from-ground-water::before {
content: ""
}
.fa-martini-glass::before {
content: ""
}
.fa-glass-martini-alt::before {
content: ""
}
.fa-rotate-left::before {
content: ""
}
.fa-rotate-back::before {
content: ""
}
.fa-rotate-backward::before {
content: ""
}
.fa-undo-alt::before {
content: ""
}
.fa-table-columns::before {
content: ""
}
.fa-columns::before {
content: ""
}
.fa-lemon::before {
content: ""
}
.fa-head-side-mask::before {
content: ""
}
.fa-handshake::before {
content: ""
}
.fa-gem::before {
content: ""
}
.fa-dolly::before {
content: ""
}
.fa-dolly-box::before {
content: ""
}
.fa-smoking::before {
content: ""
}
.fa-minimize::before {
content: ""
}
.fa-compress-arrows-alt::before {
content: ""
}
.fa-monument::before {
content: ""
}
.fa-snowplow::before {
content: ""
}
.fa-angles-right::before {
content: ""
}
.fa-angle-double-right::before {
content: ""
}
.fa-cannabis::before {
content: ""
}
.fa-circle-play::before {
content: ""
}
.fa-play-circle::before {
content: ""
}
.fa-tablets::before {
content: ""
}
.fa-ethernet::before {
content: ""
}
.fa-euro-sign::before {
content: ""
}
.fa-eur::before {
content: ""
}
.fa-euro::before {
content: ""
}
.fa-chair::before {
content: ""
}
.fa-circle-check::before {
content: ""
}
.fa-check-circle::before {
content: ""
}
.fa-circle-stop::before {
content: ""
}
.fa-stop-circle::before {
content: ""
}
.fa-compass-drafting::before {
content: ""
}
.fa-drafting-compass::before {
content: ""
}
.fa-plate-wheat::before {
content: ""
}
.fa-icicles::before {
content: ""
}
.fa-person-shelter::before {
content: ""
}
.fa-neuter::before {
content: ""
}
.fa-id-badge::before {
content: ""
}
.fa-marker::before {
content: ""
}
.fa-face-laugh-beam::before {
content: ""
}
.fa-laugh-beam::before {
content: ""
}
.fa-helicopter-symbol::before {
content: ""
}
.fa-universal-access::before {
content: ""
}
.fa-circle-chevron-up::before {
content: ""
}
.fa-chevron-circle-up::before {
content: ""
}
.fa-lari-sign::before {
content: ""
}
.fa-volcano::before {
content: ""
}
.fa-person-walking-dashed-line-arrow-right::before {
content: ""
}
.fa-sterling-sign::before {
content: ""
}
.fa-gbp::before {
content: ""
}
.fa-pound-sign::before {
content: ""
}
.fa-viruses::before {
content: ""
}
.fa-square-person-confined::before {
content: ""
}
.fa-user-tie::before {
content: ""
}
.fa-arrow-down-long::before {
content: ""
}
.fa-long-arrow-down::before {
content: ""
}
.fa-tent-arrow-down-to-line::before {
content: ""
}
.fa-certificate::before {
content: ""
}
.fa-reply-all::before {
content: ""
}
.fa-mail-reply-all::before {
content: ""
}
.fa-suitcase::before {
content: ""
}
.fa-person-skating::before {
content: ""
}
.fa-skating::before {
content: ""
}
.fa-filter-circle-dollar::before {
content: ""
}
.fa-funnel-dollar::before {
content: ""
}
.fa-camera-retro::before {
content: ""
}
.fa-circle-arrow-down::before {
content: ""
}
.fa-arrow-circle-down::before {
content: ""
}
.fa-file-import::before {
content: ""
}
.fa-arrow-right-to-file::before {
content: ""
}
.fa-square-arrow-up-right::before {
content: ""
}
.fa-external-link-square::before {
content: ""
}
.fa-box-open::before {
content: ""
}
.fa-scroll::before {
content: ""
}
.fa-spa::before {
content: ""
}
.fa-location-pin-lock::before {
content: ""
}
.fa-pause::before {
content: ""
}
.fa-hill-avalanche::before {
content: ""
}
.fa-temperature-empty::before {
content: ""
}
.fa-temperature-0::before {
content: ""
}
.fa-thermometer-0::before {
content: ""
}
.fa-thermometer-empty::before {
content: ""
}
.fa-bomb::before {
content: ""
}
.fa-registered::before {
content: ""
}
.fa-address-card::before {
content: ""
}
.fa-contact-card::before {
content: ""
}
.fa-vcard::before {
content: ""
}
.fa-scale-unbalanced-flip::before {
content: ""
}
.fa-balance-scale-right::before {
content: ""
}
.fa-subscript::before {
content: ""
}
.fa-diamond-turn-right::before {
content: ""
}
.fa-directions::before {
content: ""
}
.fa-burst::before {
content: ""
}
.fa-house-laptop::before {
content: ""
}
.fa-laptop-house::before {
content: ""
}
.fa-face-tired::before {
content: ""
}
.fa-tired::before {
content: ""
}
.fa-money-bills::before {
content: ""
}
.fa-smog::before {
content: ""
}
.fa-crutch::before {
content: ""
}
.fa-cloud-arrow-up::before {
content: ""
}
.fa-cloud-upload::before {
content: ""
}
.fa-cloud-upload-alt::before {
content: ""
}
.fa-palette::before {
content: ""
}
.fa-arrows-turn-right::before {
content: ""
}
.fa-vest::before {
content: ""
}
.fa-ferry::before {
content: ""
}
.fa-arrows-down-to-people::before {
content: ""
}
.fa-seedling::before {
content: ""
}
.fa-sprout::before {
content: ""
}
.fa-left-right::before {
content: ""
}
.fa-arrows-alt-h::before {
content: ""
}
.fa-boxes-packing::before {
content: ""
}
.fa-circle-arrow-left::before {
content: ""
}
.fa-arrow-circle-left::before {
content: ""
}
.fa-group-arrows-rotate::before {
content: ""
}
.fa-bowl-food::before {
content: ""
}
.fa-candy-cane::before {
content: ""
}
.fa-arrow-down-wide-short::before {
content: ""
}
.fa-sort-amount-asc::before {
content: ""
}
.fa-sort-amount-down::before {
content: ""
}
.fa-cloud-bolt::before {
content: ""
}
.fa-thunderstorm::before {
content: ""
}
.fa-text-slash::before {
content: ""
}
.fa-remove-format::before {
content: ""
}
.fa-face-smile-wink::before {
content: ""
}
.fa-smile-wink::before {
content: ""
}
.fa-file-word::before {
content: ""
}
.fa-file-powerpoint::before {
content: ""
}
.fa-arrows-left-right::before {
content: ""
}
.fa-arrows-h::before {
content: ""
}
.fa-house-lock::before {
content: ""
}
.fa-cloud-arrow-down::before {
content: ""
}
.fa-cloud-download::before {
content: ""
}
.fa-cloud-download-alt::before {
content: ""
}
.fa-children::before {
content: ""
}
.fa-chalkboard::before {
content: ""
}
.fa-blackboard::before {
content: ""
}
.fa-user-large-slash::before {
content: ""
}
.fa-user-alt-slash::before {
content: ""
}
.fa-envelope-open::before {
content: ""
}
.fa-handshake-simple-slash::before {
content: ""
}
.fa-handshake-alt-slash::before {
content: ""
}
.fa-mattress-pillow::before {
content: ""
}
.fa-guarani-sign::before {
content: ""
}
.fa-arrows-rotate::before {
content: ""
}
.fa-refresh::before {
content: ""
}
.fa-sync::before {
content: ""
}
.fa-fire-extinguisher::before {
content: ""
}
.fa-cruzeiro-sign::before {
content: ""
}
.fa-greater-than-equal::before {
content: ""
}
.fa-shield-halved::before {
content: ""
}
.fa-shield-alt::before {
content: ""
}
.fa-book-atlas::before {
content: ""
}
.fa-atlas::before {
content: ""
}
.fa-virus::before {
content: ""
}
.fa-envelope-circle-check::before {
content: ""
}
.fa-layer-group::before {
content: ""
}
.fa-arrows-to-dot::before {
content: ""
}
.fa-archway::before {
content: ""
}
.fa-heart-circle-check::before {
content: ""
}
.fa-house-chimney-crack::before {
content: ""
}
.fa-house-damage::before {
content: ""
}
.fa-file-zipper::before {
content: ""
}
.fa-file-archive::before {
content: ""
}
.fa-square::before {
content: ""
}
.fa-martini-glass-empty::before {
content: ""
}
.fa-glass-martini::before {
content: ""
}
.fa-couch::before {
content: ""
}
.fa-cedi-sign::before {
content: ""
}
.fa-italic::before {
content: ""
}
.fa-church::before {
content: ""
}
.fa-comments-dollar::before {
content: ""
}
.fa-democrat::before {
content: ""
}
.fa-z::before {
content: "Z"
}
.fa-person-skiing::before {
content: ""
}
.fa-skiing::before {
content: ""
}
.fa-road-lock::before {
content: ""
}
.fa-a::before {
content: "A"
}
.fa-temperature-arrow-down::before {
content: ""
}
.fa-temperature-down::before {
content: ""
}
.fa-feather-pointed::before {
content: ""
}
.fa-feather-alt::before {
content: ""
}
.fa-p::before {
content: "P"
}
.fa-snowflake::before {
content: ""
}
.fa-newspaper::before {
content: ""
}
.fa-rectangle-ad::before {
content: ""
}
.fa-ad::before {
content: ""
}
.fa-circle-arrow-right::before {
content: ""
}
.fa-arrow-circle-right::before {
content: ""
}
.fa-filter-circle-xmark::before {
content: ""
}
.fa-locust::before {
content: ""
}
.fa-sort::before {
content: ""
}
.fa-unsorted::before {
content: ""
}
.fa-list-ol::before {
content: ""
}
.fa-list-1-2::before {
content: ""
}
.fa-list-numeric::before {
content: ""
}
.fa-person-dress-burst::before {
content: ""
}
.fa-money-check-dollar::before {
content: ""
}
.fa-money-check-alt::before {
content: ""
}
.fa-vector-square::before {
content: ""
}
.fa-bread-slice::before {
content: ""
}
.fa-language::before {
content: ""
}
.fa-face-kiss-wink-heart::before {
content: ""
}
.fa-kiss-wink-heart::before {
content: ""
}
.fa-filter::before {
content: ""
}
.fa-question::before {
content: "\?"
}
.fa-file-signature::before {
content: ""
}
.fa-up-down-left-right::before {
content: ""
}
.fa-arrows-alt::before {
content: ""
}
.fa-house-chimney-user::before {
content: ""
}
.fa-hand-holding-heart::before {
content: ""
}
.fa-puzzle-piece::before {
content: ""
}
.fa-money-check::before {
content: ""
}
.fa-star-half-stroke::before {
content: ""
}
.fa-star-half-alt::before {
content: ""
}
.fa-code::before {
content: ""
}
.fa-whiskey-glass::before {
content: ""
}
.fa-glass-whiskey::before {
content: ""
}
.fa-building-circle-exclamation::before {
content: ""
}
.fa-magnifying-glass-chart::before {
content: ""
}
.fa-arrow-up-right-from-square::before {
content: ""
}
.fa-external-link::before {
content: ""
}
.fa-cubes-stacked::before {
content: ""
}
.fa-won-sign::before {
content: ""
}
.fa-krw::before {
content: ""
}
.fa-won::before {
content: ""
}
.fa-virus-covid::before {
content: ""
}
.fa-austral-sign::before {
content: ""
}
.fa-f::before {
content: "F"
}
.fa-leaf::before {
content: ""
}
.fa-road::before {
content: ""
}
.fa-taxi::before {
content: ""
}
.fa-cab::before {
content: ""
}
.fa-person-circle-plus::before {
content: ""
}
.fa-chart-pie::before {
content: ""
}
.fa-pie-chart::before {
content: ""
}
.fa-bolt-lightning::before {
content: ""
}
.fa-sack-xmark::before {
content: ""
}
.fa-file-excel::before {
content: ""
}
.fa-file-contract::before {
content: ""
}
.fa-fish-fins::before {
content: ""
}
.fa-building-flag::before {
content: ""
}
.fa-face-grin-beam::before {
content: ""
}
.fa-grin-beam::before {
content: ""
}
.fa-object-ungroup::before {
content: ""
}
.fa-poop::before {
content: ""
}
.fa-location-pin::before {
content: ""
}
.fa-map-marker::before {
content: ""
}
.fa-kaaba::before {
content: ""
}
.fa-toilet-paper::before {
content: ""
}
.fa-helmet-safety::before {
content: ""
}
.fa-hard-hat::before {
content: ""
}
.fa-hat-hard::before {
content: ""
}
.fa-eject::before {
content: ""
}
.fa-circle-right::before {
content: ""
}
.fa-arrow-alt-circle-right::before {
content: ""
}
.fa-plane-circle-check::before {
content: ""
}
.fa-face-rolling-eyes::before {
content: ""
}
.fa-meh-rolling-eyes::before {
content: ""
}
.fa-object-group::before {
content: ""
}
.fa-chart-line::before {
content: ""
}
.fa-line-chart::before {
content: ""
}
.fa-mask-ventilator::before {
content: ""
}
.fa-arrow-right::before {
content: ""
}
.fa-signs-post::before {
content: ""
}
.fa-map-signs::before {
content: ""
}
.fa-cash-register::before {
content: ""
}
.fa-person-circle-question::before {
content: ""
}
.fa-h::before {
content: "H"
}
.fa-tarp::before {
content: ""
}
.fa-screwdriver-wrench::before {
content: ""
}
.fa-tools::before {
content: ""
}
.fa-arrows-to-eye::before {
content: ""
}
.fa-plug-circle-bolt::before {
content: ""
}
.fa-heart::before {
content: ""
}
.fa-mars-and-venus::before {
content: ""
}
.fa-house-user::before {
content: ""
}
.fa-home-user::before {
content: ""
}
.fa-dumpster-fire::before {
content: ""
}
.fa-house-crack::before {
content: ""
}
.fa-martini-glass-citrus::before {
content: ""
}
.fa-cocktail::before {
content: ""
}
.fa-face-surprise::before {
content: ""
}
.fa-surprise::before {
content: ""
}
.fa-bottle-water::before {
content: ""
}
.fa-circle-pause::before {
content: ""
}
.fa-pause-circle::before {
content: ""
}
.fa-toilet-paper-slash::before {
content: ""
}
.fa-apple-whole::before {
content: ""
}
.fa-apple-alt::before {
content: ""
}
.fa-kitchen-set::before {
content: ""
}
.fa-r::before {
content: "R"
}
.fa-temperature-quarter::before {
content: ""
}
.fa-temperature-1::before {
content: ""
}
.fa-thermometer-1::before {
content: ""
}
.fa-thermometer-quarter::before {
content: ""
}
.fa-cube::before {
content: ""
}
.fa-bitcoin-sign::before {
content: ""
}
.fa-shield-dog::before {
content: ""
}
.fa-solar-panel::before {
content: ""
}
.fa-lock-open::before {
content: ""
}
.fa-elevator::before {
content: ""
}
.fa-money-bill-transfer::before {
content: ""
}
.fa-money-bill-trend-up::before {
content: ""
}
.fa-house-flood-water-circle-arrow-right::before {
content: ""
}
.fa-square-poll-horizontal::before {
content: ""
}
.fa-poll-h::before {
content: ""
}
.fa-circle::before {
content: ""
}
.fa-backward-fast::before {
content: ""
}
.fa-fast-backward::before {
content: ""
}
.fa-recycle::before {
content: ""
}
.fa-user-astronaut::before {
content: ""
}
.fa-plane-slash::before {
content: ""
}
.fa-trademark::before {
content: ""
}
.fa-basketball::before {
content: ""
}
.fa-basketball-ball::before {
content: ""
}
.fa-satellite-dish::before {
content: ""
}
.fa-circle-up::before {
content: ""
}
.fa-arrow-alt-circle-up::before {
content: ""
}
.fa-mobile-screen-button::before {
content: ""
}
.fa-mobile-alt::before {
content: ""
}
.fa-volume-high::before {
content: ""
}
.fa-volume-up::before {
content: ""
}
.fa-users-rays::before {
content: ""
}
.fa-wallet::before {
content: ""
}
.fa-clipboard-check::before {
content: ""
}
.fa-file-audio::before {
content: ""
}
.fa-burger::before {
content: ""
}
.fa-hamburger::before {
content: ""
}
.fa-wrench::before {
content: ""
}
.fa-bugs::before {
content: ""
}
.fa-rupee-sign::before {
content: ""
}
.fa-rupee::before {
content: ""
}
.fa-file-image::before {
content: ""
}
.fa-circle-question::before {
content: ""
}
.fa-question-circle::before {
content: ""
}
.fa-plane-departure::before {
content: ""
}
.fa-handshake-slash::before {
content: ""
}
.fa-book-bookmark::before {
content: ""
}
.fa-code-branch::before {
content: ""
}
.fa-hat-cowboy::before {
content: ""
}
.fa-bridge::before {
content: ""
}
.fa-phone-flip::before {
content: ""
}
.fa-phone-alt::before {
content: ""
}
.fa-truck-front::before {
content: ""
}
.fa-cat::before {
content: ""
}
.fa-anchor-circle-exclamation::before {
content: ""
}
.fa-truck-field::before {
content: ""
}
.fa-route::before {
content: ""
}
.fa-clipboard-question::before {
content: ""
}
.fa-panorama::before {
content: ""
}
.fa-comment-medical::before {
content: ""
}
.fa-teeth-open::before {
content: ""
}
.fa-file-circle-minus::before {
content: ""
}
.fa-tags::before {
content: ""
}
.fa-wine-glass::before {
content: ""
}
.fa-forward-fast::before {
content: ""
}
.fa-fast-forward::before {
content: ""
}
.fa-face-meh-blank::before {
content: ""
}
.fa-meh-blank::before {
content: ""
}
.fa-square-parking::before {
content: ""
}
.fa-parking::before {
content: ""
}
.fa-house-signal::before {
content: ""
}
.fa-bars-progress::before {
content: ""
}
.fa-tasks-alt::before {
content: ""
}
.fa-faucet-drip::before {
content: ""
}
.fa-cart-flatbed::before {
content: ""
}
.fa-dolly-flatbed::before {
content: ""
}
.fa-ban-smoking::before {
content: ""
}
.fa-smoking-ban::before {
content: ""
}
.fa-terminal::before {
content: ""
}
.fa-mobile-button::before {
content: ""
}
.fa-house-medical-flag::before {
content: ""
}
.fa-basket-shopping::before {
content: ""
}
.fa-shopping-basket::before {
content: ""
}
.fa-tape::before {
content: ""
}
.fa-bus-simple::before {
content: ""
}
.fa-bus-alt::before {
content: ""
}
.fa-eye::before {
content: ""
}
.fa-face-sad-cry::before {
content: ""
}
.fa-sad-cry::before {
content: ""
}
.fa-audio-description::before {
content: ""
}
.fa-person-military-to-person::before {
content: ""
}
.fa-file-shield::before {
content: ""
}
.fa-user-slash::before {
content: ""
}
.fa-pen::before {
content: ""
}
.fa-tower-observation::before {
content: ""
}
.fa-file-code::before {
content: ""
}
.fa-signal::before {
content: ""
}
.fa-signal-5::before {
content: ""
}
.fa-signal-perfect::before {
content: ""
}
.fa-bus::before {
content: ""
}
.fa-heart-circle-xmark::before {
content: ""
}
.fa-house-chimney::before {
content: ""
}
.fa-home-lg::before {
content: ""
}
.fa-window-maximize::before {
content: ""
}
.fa-face-frown::before {
content: ""
}
.fa-frown::before {
content: ""
}
.fa-prescription::before {
content: ""
}
.fa-shop::before {
content: ""
}
.fa-store-alt::before {
content: ""
}
.fa-floppy-disk::before {
content: ""
}
.fa-save::before {
content: ""
}
.fa-vihara::before {
content: ""
}
.fa-scale-unbalanced::before {
content: ""
}
.fa-balance-scale-left::before {
content: ""
}
.fa-sort-up::before {
content: ""
}
.fa-sort-asc::before {
content: ""
}
.fa-comment-dots::before {
content: ""
}
.fa-commenting::before {
content: ""
}
.fa-plant-wilt::before {
content: ""
}
.fa-diamond::before {
content: ""
}
.fa-face-grin-squint::before {
content: ""
}
.fa-grin-squint::before {
content: ""
}
.fa-hand-holding-dollar::before {
content: ""
}
.fa-hand-holding-usd::before {
content: ""
}
.fa-bacterium::before {
content: ""
}
.fa-hand-pointer::before {
content: ""
}
.fa-drum-steelpan::before {
content: ""
}
.fa-hand-scissors::before {
content: ""
}
.fa-hands-praying::before {
content: ""
}
.fa-praying-hands::before {
content: ""
}
.fa-arrow-rotate-right::before {
content: ""
}
.fa-arrow-right-rotate::before {
content: ""
}
.fa-arrow-rotate-forward::before {
content: ""
}
.fa-redo::before {
content: ""
}
.fa-biohazard::before {
content: ""
}
.fa-location-crosshairs::before {
content: ""
}
.fa-location::before {
content: ""
}
.fa-mars-double::before {
content: ""
}
.fa-child-dress::before {
content: ""
}
.fa-users-between-lines::before {
content: ""
}
.fa-lungs-virus::before {
content: ""
}
.fa-face-grin-tears::before {
content: ""
}
.fa-grin-tears::before {
content: ""
}
.fa-phone::before {
content: ""
}
.fa-calendar-xmark::before {
content: ""
}
.fa-calendar-times::before {
content: ""
}
.fa-child-reaching::before {
content: ""
}
.fa-head-side-virus::before {
content: ""
}
.fa-user-gear::before {
content: ""
}
.fa-user-cog::before {
content: ""
}
.fa-arrow-up-1-9::before {
content: ""
}
.fa-sort-numeric-up::before {
content: ""
}
.fa-door-closed::before {
content: ""
}
.fa-shield-virus::before {
content: ""
}
.fa-dice-six::before {
content: ""
}
.fa-mosquito-net::before {
content: ""
}
.fa-bridge-water::before {
content: ""
}
.fa-person-booth::before {
content: ""
}
.fa-text-width::before {
content: ""
}
.fa-hat-wizard::before {
content: ""
}
.fa-pen-fancy::before {
content: ""
}
.fa-person-digging::before {
content: ""
}
.fa-digging::before {
content: ""
}
.fa-trash::before {
content: ""
}
.fa-gauge-simple::before {
content: ""
}
.fa-gauge-simple-med::before {
content: ""
}
.fa-tachometer-average::before {
content: ""
}
.fa-book-medical::before {
content: ""
}
.fa-poo::before {
content: ""
}
.fa-quote-right::before {
content: ""
}
.fa-quote-right-alt::before {
content: ""
}
.fa-shirt::before {
content: ""
}
.fa-t-shirt::before {
content: ""
}
.fa-tshirt::before {
content: ""
}
.fa-cubes::before {
content: ""
}
.fa-divide::before {
content: ""
}
.fa-tenge-sign::before {
content: ""
}
.fa-tenge::before {
content: ""
}
.fa-headphones::before {
content: ""
}
.fa-hands-holding::before {
content: ""
}
.fa-hands-clapping::before {
content: ""
}
.fa-republican::before {
content: ""
}
.fa-arrow-left::before {
content: ""
}
.fa-person-circle-xmark::before {
content: ""
}
.fa-ruler::before {
content: ""
}
.fa-align-left::before {
content: ""
}
.fa-dice-d6::before {
content: ""
}
.fa-restroom::before {
content: ""
}
.fa-j::before {
content: "J"
}
.fa-users-viewfinder::before {
content: ""
}
.fa-file-video::before {
content: ""
}
.fa-up-right-from-square::before {
content: ""
}
.fa-external-link-alt::before {
content: ""
}
.fa-table-cells::before {
content: ""
}
.fa-th::before {
content: ""
}
.fa-file-pdf::before {
content: ""
}
.fa-book-bible::before {
content: ""
}
.fa-bible::before {
content: ""
}
.fa-o::before {
content: "O"
}
.fa-suitcase-medical::before {
content: ""
}
.fa-medkit::before {
content: ""
}
.fa-user-secret::before {
content: ""
}
.fa-otter::before {
content: ""
}
.fa-person-dress::before {
content: ""
}
.fa-female::before {
content: ""
}
.fa-comment-dollar::before {
content: ""
}
.fa-business-time::before {
content: ""
}
.fa-briefcase-clock::before {
content: ""
}
.fa-table-cells-large::before {
content: ""
}
.fa-th-large::before {
content: ""
}
.fa-book-tanakh::before {
content: ""
}
.fa-tanakh::before {
content: ""
}
.fa-phone-volume::before {
content: ""
}
.fa-volume-control-phone::before {
content: ""
}
.fa-hat-cowboy-side::before {
content: ""
}
.fa-clipboard-user::before {
content: ""
}
.fa-child::before {
content: ""
}
.fa-lira-sign::before {
content: ""
}
.fa-satellite::before {
content: ""
}
.fa-plane-lock::before {
content: ""
}
.fa-tag::before {
content: ""
}
.fa-comment::before {
content: ""
}
.fa-cake-candles::before {
content: ""
}
.fa-birthday-cake::before {
content: ""
}
.fa-cake::before {
content: ""
}
.fa-envelope::before {
content: ""
}
.fa-angles-up::before {
content: ""
}
.fa-angle-double-up::before {
content: ""
}
.fa-paperclip::before {
content: ""
}
.fa-arrow-right-to-city::before {
content: ""
}
.fa-ribbon::before {
content: ""
}
.fa-lungs::before {
content: ""
}
.fa-arrow-up-9-1::before {
content: ""
}
.fa-sort-numeric-up-alt::before {
content: ""
}
.fa-litecoin-sign::before {
content: ""
}
.fa-border-none::before {
content: ""
}
.fa-circle-nodes::before {
content: ""
}
.fa-parachute-box::before {
content: ""
}
.fa-indent::before {
content: ""
}
.fa-truck-field-un::before {
content: ""
}
.fa-hourglass::before {
content: ""
}
.fa-hourglass-empty::before {
content: ""
}
.fa-mountain::before {
content: ""
}
.fa-user-doctor::before {
content: ""
}
.fa-user-md::before {
content: ""
}
.fa-circle-info::before {
content: ""
}
.fa-info-circle::before {
content: ""
}
.fa-cloud-meatball::before {
content: ""
}
.fa-camera::before {
content: ""
}
.fa-camera-alt::before {
content: ""
}
.fa-square-virus::before {
content: ""
}
.fa-meteor::before {
content: ""
}
.fa-car-on::before {
content: ""
}
.fa-sleigh::before {
content: ""
}
.fa-arrow-down-1-9::before {
content: ""
}
.fa-sort-numeric-asc::before {
content: ""
}
.fa-sort-numeric-down::before {
content: ""
}
.fa-hand-holding-droplet::before {
content: ""
}
.fa-hand-holding-water::before {
content: ""
}
.fa-water::before {
content: ""
}
.fa-calendar-check::before {
content: ""
}
.fa-braille::before {
content: ""
}
.fa-prescription-bottle-medical::before {
content: ""
}
.fa-prescription-bottle-alt::before {
content: ""
}
.fa-landmark::before {
content: ""
}
.fa-truck::before {
content: ""
}
.fa-crosshairs::before {
content: ""
}
.fa-person-cane::before {
content: ""
}
.fa-tent::before {
content: ""
}
.fa-vest-patches::before {
content: ""
}
.fa-check-double::before {
content: ""
}
.fa-arrow-down-a-z::before {
content: ""
}
.fa-sort-alpha-asc::before {
content: ""
}
.fa-sort-alpha-down::before {
content: ""
}
.fa-money-bill-wheat::before {
content: ""
}
.fa-cookie::before {
content: ""
}
.fa-arrow-rotate-left::before {
content: ""
}
.fa-arrow-left-rotate::before {
content: ""
}
.fa-arrow-rotate-back::before {
content: ""
}
.fa-arrow-rotate-backward::before {
content: ""
}
.fa-undo::before {
content: ""
}
.fa-hard-drive::before {
content: ""
}
.fa-hdd::before {
content: ""
}
.fa-face-grin-squint-tears::before {
content: ""
}
.fa-grin-squint-tears::before {
content: ""
}
.fa-dumbbell::before {
content: ""
}
.fa-rectangle-list::before {
content: ""
}
.fa-list-alt::before {
content: ""
}
.fa-tarp-droplet::before {
content: ""
}
.fa-house-medical-circle-check::before {
content: ""
}
.fa-person-skiing-nordic::before {
content: ""
}
.fa-skiing-nordic::before {
content: ""
}
.fa-calendar-plus::before {
content: ""
}
.fa-plane-arrival::before {
content: ""
}
.fa-circle-left::before {
content: ""
}
.fa-arrow-alt-circle-left::before {
content: ""
}
.fa-train-subway::before {
content: ""
}
.fa-subway::before {
content: ""
}
.fa-chart-gantt::before {
content: ""
}
.fa-indian-rupee-sign::before {
content: ""
}
.fa-indian-rupee::before {
content: ""
}
.fa-inr::before {
content: ""
}
.fa-crop-simple::before {
content: ""
}
.fa-crop-alt::before {
content: ""
}
.fa-money-bill-1::before {
content: ""
}
.fa-money-bill-alt::before {
content: ""
}
.fa-left-long::before {
content: ""
}
.fa-long-arrow-alt-left::before {
content: ""
}
.fa-dna::before {
content: ""
}
.fa-virus-slash::before {
content: ""
}
.fa-minus::before {
content: ""
}
.fa-subtract::before {
content: ""
}
.fa-chess::before {
content: ""
}
.fa-arrow-left-long::before {
content: ""
}
.fa-long-arrow-left::before {
content: ""
}
.fa-plug-circle-check::before {
content: ""
}
.fa-street-view::before {
content: ""
}
.fa-franc-sign::before {
content: ""
}
.fa-volume-off::before {
content: ""
}
.fa-hands-asl-interpreting::before {
content: ""
}
.fa-american-sign-language-interpreting::before {
content: ""
}
.fa-asl-interpreting::before {
content: ""
}
.fa-hands-american-sign-language-interpreting::before {
content: ""
}
.fa-gear::before {
content: ""
}
.fa-cog::before {
content: ""
}
.fa-droplet-slash::before {
content: ""
}
.fa-tint-slash::before {
content: ""
}
.fa-mosque::before {
content: ""
}
.fa-mosquito::before {
content: ""
}
.fa-star-of-david::before {
content: ""
}
.fa-person-military-rifle::before {
content: ""
}
.fa-cart-shopping::before {
content: ""
}
.fa-shopping-cart::before {
content: ""
}
.fa-vials::before {
content: ""
}
.fa-plug-circle-plus::before {
content: ""
}
.fa-place-of-worship::before {
content: ""
}
.fa-grip-vertical::before {
content: ""
}
.fa-arrow-turn-up::before {
content: ""
}
.fa-level-up::before {
content: ""
}
.fa-u::before {
content: "U"
}
.fa-square-root-variable::before {
content: ""
}
.fa-square-root-alt::before {
content: ""
}
.fa-clock::before {
content: ""
}
.fa-clock-four::before {
content: ""
}
.fa-backward-step::before {
content: ""
}
.fa-step-backward::before {
content: ""
}
.fa-pallet::before {
content: ""
}
.fa-faucet::before {
content: ""
}
.fa-baseball-bat-ball::before {
content: ""
}
.fa-s::before {
content: "S"
}
.fa-timeline::before {
content: ""
}
.fa-keyboard::before {
content: ""
}
.fa-caret-down::before {
content: ""
}
.fa-house-chimney-medical::before {
content: ""
}
.fa-clinic-medical::before {
content: ""
}
.fa-temperature-three-quarters::before {
content: ""
}
.fa-temperature-3::before {
content: ""
}
.fa-thermometer-3::before {
content: ""
}
.fa-thermometer-three-quarters::before {
content: ""
}
.fa-mobile-screen::before {
content: ""
}
.fa-mobile-android-alt::before {
content: ""
}
.fa-plane-up::before {
content: ""
}
.fa-piggy-bank::before {
content: ""
}
.fa-battery-half::before {
content: ""
}
.fa-battery-3::before {
content: ""
}
.fa-mountain-city::before {
content: ""
}
.fa-coins::before {
content: ""
}
.fa-khanda::before {
content: ""
}
.fa-sliders::before {
content: ""
}
.fa-sliders-h::before {
content: ""
}
.fa-folder-tree::before {
content: ""
}
.fa-network-wired::before {
content: ""
}
.fa-map-pin::before {
content: ""
}
.fa-hamsa::before {
content: ""
}
.fa-cent-sign::before {
content: ""
}
.fa-flask::before {
content: ""
}
.fa-person-pregnant::before {
content: ""
}
.fa-wand-sparkles::before {
content: ""
}
.fa-ellipsis-vertical::before {
content: ""
}
.fa-ellipsis-v::before {
content: ""
}
.fa-ticket::before {
content: ""
}
.fa-power-off::before {
content: ""
}
.fa-right-long::before {
content: ""
}
.fa-long-arrow-alt-right::before {
content: ""
}
.fa-flag-usa::before {
content: ""
}
.fa-laptop-file::before {
content: ""
}
.fa-tty::before {
content: ""
}
.fa-teletype::before {
content: ""
}
.fa-diagram-next::before {
content: ""
}
.fa-person-rifle::before {
content: ""
}
.fa-house-medical-circle-exclamation::before {
content: ""
}
.fa-closed-captioning::before {
content: ""
}
.fa-person-hiking::before {
content: ""
}
.fa-hiking::before {
content: ""
}
.fa-venus-double::before {
content: ""
}
.fa-images::before {
content: ""
}
.fa-calculator::before {
content: ""
}
.fa-people-pulling::before {
content: ""
}
.fa-n::before {
content: "N"
}
.fa-cable-car::before {
content: ""
}
.fa-tram::before {
content: ""
}
.fa-cloud-rain::before {
content: ""
}
.fa-building-circle-xmark::before {
content: ""
}
.fa-ship::before {
content: ""
}
.fa-arrows-down-to-line::before {
content: ""
}
.fa-download::before {
content: ""
}
.fa-face-grin::before {
content: ""
}
.fa-grin::before {
content: ""
}
.fa-delete-left::before {
content: ""
}
.fa-backspace::before {
content: ""
}
.fa-eye-dropper::before {
content: ""
}
.fa-eye-dropper-empty::before {
content: ""
}
.fa-eyedropper::before {
content: ""
}
.fa-file-circle-check::before {
content: ""
}
.fa-forward::before {
content: ""
}
.fa-mobile::before {
content: ""
}
.fa-mobile-android::before {
content: ""
}
.fa-mobile-phone::before {
content: ""
}
.fa-face-meh::before {
content: ""
}
.fa-meh::before {
content: ""
}
.fa-align-center::before {
content: ""
}
.fa-book-skull::before {
content: ""
}
.fa-book-dead::before {
content: ""
}
.fa-id-card::before {
content: ""
}
.fa-drivers-license::before {
content: ""
}
.fa-outdent::before {
content: ""
}
.fa-dedent::before {
content: ""
}
.fa-heart-circle-exclamation::before {
content: ""
}
.fa-house::before {
content: ""
}
.fa-home::before {
content: ""
}
.fa-home-alt::before {
content: ""
}
.fa-home-lg-alt::before {
content: ""
}
.fa-calendar-week::before {
content: ""
}
.fa-laptop-medical::before {
content: ""
}
.fa-b::before {
content: "B"
}
.fa-file-medical::before {
content: ""
}
.fa-dice-one::before {
content: ""
}
.fa-kiwi-bird::before {
content: ""
}
.fa-arrow-right-arrow-left::before {
content: ""
}
.fa-exchange::before {
content: ""
}
.fa-rotate-right::before {
content: ""
}
.fa-redo-alt::before {
content: ""
}
.fa-rotate-forward::before {
content: ""
}
.fa-utensils::before {
content: ""
}
.fa-cutlery::before {
content: ""
}
.fa-arrow-up-wide-short::before {
content: ""
}
.fa-sort-amount-up::before {
content: ""
}
.fa-mill-sign::before {
content: ""
}
.fa-bowl-rice::before {
content: ""
}
.fa-skull::before {
content: ""
}
.fa-tower-broadcast::before {
content: ""
}
.fa-broadcast-tower::before {
content: ""
}
.fa-truck-pickup::before {
content: ""
}
.fa-up-long::before {
content: ""
}
.fa-long-arrow-alt-up::before {
content: ""
}
.fa-stop::before {
content: ""
}
.fa-code-merge::before {
content: ""
}
.fa-upload::before {
content: ""
}
.fa-hurricane::before {
content: ""
}
.fa-mound::before {
content: ""
}
.fa-toilet-portable::before {
content: ""
}
.fa-compact-disc::before {
content: ""
}
.fa-file-arrow-down::before {
content: ""
}
.fa-file-download::before {
content: ""
}
.fa-caravan::before {
content: ""
}
.fa-shield-cat::before {
content: ""
}
.fa-bolt::before {
content: ""
}
.fa-zap::before {
content: ""
}
.fa-glass-water::before {
content: ""
}
.fa-oil-well::before {
content: ""
}
.fa-vault::before {
content: ""
}
.fa-mars::before {
content: ""
}
.fa-toilet::before {
content: ""
}
.fa-plane-circle-xmark::before {
content: ""
}
.fa-yen-sign::before {
content: ""
}
.fa-cny::before {
content: ""
}
.fa-jpy::before {
content: ""
}
.fa-rmb::before {
content: ""
}
.fa-yen::before {
content: ""
}
.fa-ruble-sign::before {
content: ""
}
.fa-rouble::before {
content: ""
}
.fa-rub::before {
content: ""
}
.fa-ruble::before {
content: ""
}
.fa-sun::before {
content: ""
}
.fa-guitar::before {
content: ""
}
.fa-face-laugh-wink::before {
content: ""
}
.fa-laugh-wink::before {
content: ""
}
.fa-horse-head::before {
content: ""
}
.fa-bore-hole::before {
content: ""
}
.fa-industry::before {
content: ""
}
.fa-circle-down::before {
content: ""
}
.fa-arrow-alt-circle-down::before {
content: ""
}
.fa-arrows-turn-to-dots::before {
content: ""
}
.fa-florin-sign::before {
content: ""
}
.fa-arrow-down-short-wide::before {
content: ""
}
.fa-sort-amount-desc::before {
content: ""
}
.fa-sort-amount-down-alt::before {
content: ""
}
.fa-less-than::before {
content: "\<"
}
.fa-angle-down::before {
content: ""
}
.fa-car-tunnel::before {
content: ""
}
.fa-head-side-cough::before {
content: ""
}
.fa-grip-lines::before {
content: ""
}
.fa-thumbs-down::before {
content: ""
}
.fa-user-lock::before {
content: ""
}
.fa-arrow-right-long::before {
content: ""
}
.fa-long-arrow-right::before {
content: ""
}
.fa-anchor-circle-xmark::before {
content: ""
}
.fa-ellipsis::before {
content: ""
}
.fa-ellipsis-h::before {
content: ""
}
.fa-chess-pawn::before {
content: ""
}
.fa-kit-medical::before {
content: ""
}
.fa-first-aid::before {
content: ""
}
.fa-person-through-window::before {
content: ""
}
.fa-toolbox::before {
content: ""
}
.fa-hands-holding-circle::before {
content: ""
}
.fa-bug::before {
content: ""
}
.fa-credit-card::before {
content: ""
}
.fa-credit-card-alt::before {
content: ""
}
.fa-car::before {
content: ""
}
.fa-automobile::before {
content: ""
}
.fa-hand-holding-hand::before {
content: ""
}
.fa-book-open-reader::before {
content: ""
}
.fa-book-reader::before {
content: ""
}
.fa-mountain-sun::before {
content: ""
}
.fa-arrows-left-right-to-line::before {
content: ""
}
.fa-dice-d20::before {
content: ""
}
.fa-truck-droplet::before {
content: ""
}
.fa-file-circle-xmark::before {
content: ""
}
.fa-temperature-arrow-up::before {
content: ""
}
.fa-temperature-up::before {
content: ""
}
.fa-medal::before {
content: ""
}
.fa-bed::before {
content: ""
}
.fa-square-h::before {
content: ""
}
.fa-h-square::before {
content: ""
}
.fa-podcast::before {
content: ""
}
.fa-temperature-full::before {
content: ""
}
.fa-temperature-4::before {
content: ""
}
.fa-thermometer-4::before {
content: ""
}
.fa-thermometer-full::before {
content: ""
}
.fa-bell::before {
content: ""
}
.fa-superscript::before {
content: ""
}
.fa-plug-circle-xmark::before {
content: ""
}
.fa-star-of-life::before {
content: ""
}
.fa-phone-slash::before {
content: ""
}
.fa-paint-roller::before {
content: ""
}
.fa-handshake-angle::before {
content: ""
}
.fa-hands-helping::before {
content: ""
}
.fa-location-dot::before {
content: ""
}
.fa-map-marker-alt::before {
content: ""
}
.fa-file::before {
content: ""
}
.fa-greater-than::before {
content: "\>"
}
.fa-person-swimming::before {
content: ""
}
.fa-swimmer::before {
content: ""
}
.fa-arrow-down::before {
content: ""
}
.fa-droplet::before {
content: ""
}
.fa-tint::before {
content: ""
}
.fa-eraser::before {
content: ""
}
.fa-earth-americas::before {
content: ""
}
.fa-earth::before {
content: ""
}
.fa-earth-america::before {
content: ""
}
.fa-globe-americas::before {
content: ""
}
.fa-person-burst::before {
content: ""
}
.fa-dove::before {
content: ""
}
.fa-battery-empty::before {
content: ""
}
.fa-battery-0::before {
content: ""
}
.fa-socks::before {
content: ""
}
.fa-inbox::before {
content: ""
}
.fa-section::before {
content: ""
}
.fa-gauge-high::before {
content: ""
}
.fa-tachometer-alt::before {
content: ""
}
.fa-tachometer-alt-fast::before {
content: ""
}
.fa-envelope-open-text::before {
content: ""
}
.fa-hospital::before {
content: ""
}
.fa-hospital-alt::before {
content: ""
}
.fa-hospital-wide::before {
content: ""
}
.fa-wine-bottle::before {
content: ""
}
.fa-chess-rook::before {
content: ""
}
.fa-bars-staggered::before {
content: ""
}
.fa-reorder::before {
content: ""
}
.fa-stream::before {
content: ""
}
.fa-dharmachakra::before {
content: ""
}
.fa-hotdog::before {
content: ""
}
.fa-person-walking-with-cane::before {
content: ""
}
.fa-blind::before {
content: ""
}
.fa-drum::before {
content: ""
}
.fa-ice-cream::before {
content: ""
}
.fa-heart-circle-bolt::before {
content: ""
}
.fa-fax::before {
content: ""
}
.fa-paragraph::before {
content: ""
}
.fa-check-to-slot::before {
content: ""
}
.fa-vote-yea::before {
content: ""
}
.fa-star-half::before {
content: ""
}
.fa-boxes-stacked::before {
content: ""
}
.fa-boxes::before {
content: ""
}
.fa-boxes-alt::before {
content: ""
}
.fa-link::before {
content: ""
}
.fa-chain::before {
content: ""
}
.fa-ear-listen::before {
content: ""
}
.fa-assistive-listening-systems::before {
content: ""
}
.fa-tree-city::before {
content: ""
}
.fa-play::before {
content: ""
}
.fa-font::before {
content: ""
}
.fa-rupiah-sign::before {
content: ""
}
.fa-magnifying-glass::before {
content: ""
}
.fa-search::before {
content: ""
}
.fa-table-tennis-paddle-ball::before {
content: ""
}
.fa-ping-pong-paddle-ball::before {
content: ""
}
.fa-table-tennis::before {
content: ""
}
.fa-person-dots-from-line::before {
content: ""
}
.fa-diagnoses::before {
content: ""
}
.fa-trash-can-arrow-up::before {
content: ""
}
.fa-trash-restore-alt::before {
content: ""
}
.fa-naira-sign::before {
content: ""
}
.fa-cart-arrow-down::before {
content: ""
}
.fa-walkie-talkie::before {
content: ""
}
.fa-file-pen::before {
content: ""
}
.fa-file-edit::before {
content: ""
}
.fa-receipt::before {
content: ""
}
.fa-square-pen::before {
content: ""
}
.fa-pen-square::before {
content: ""
}
.fa-pencil-square::before {
content: ""
}
.fa-suitcase-rolling::before {
content: ""
}
.fa-person-circle-exclamation::before {
content: ""
}
.fa-chevron-down::before {
content: ""
}
.fa-battery-full::before {
content: ""
}
.fa-battery::before {
content: ""
}
.fa-battery-5::before {
content: ""
}
.fa-skull-crossbones::before {
content: ""
}
.fa-code-compare::before {
content: ""
}
.fa-list-ul::before {
content: ""
}
.fa-list-dots::before {
content: ""
}
.fa-school-lock::before {
content: ""
}
.fa-tower-cell::before {
content: ""
}
.fa-down-long::before {
content: ""
}
.fa-long-arrow-alt-down::before {
content: ""
}
.fa-ranking-star::before {
content: ""
}
.fa-chess-king::before {
content: ""
}
.fa-person-harassing::before {
content: ""
}
.fa-brazilian-real-sign::before {
content: ""
}
.fa-landmark-dome::before {
content: ""
}
.fa-landmark-alt::before {
content: ""
}
.fa-arrow-up::before {
content: ""
}
.fa-tv::before {
content: ""
}
.fa-television::before {
content: ""
}
.fa-tv-alt::before {
content: ""
}
.fa-shrimp::before {
content: ""
}
.fa-list-check::before {
content: ""
}
.fa-tasks::before {
content: ""
}
.fa-jug-detergent::before {
content: ""
}
.fa-circle-user::before {
content: ""
}
.fa-user-circle::before {
content: ""
}
.fa-user-shield::before {
content: ""
}
.fa-wind::before {
content: ""
}
.fa-car-burst::before {
content: ""
}
.fa-car-crash::before {
content: ""
}
.fa-y::before {
content: "Y"
}
.fa-person-snowboarding::before {
content: ""
}
.fa-snowboarding::before {
content: ""
}
.fa-truck-fast::before {
content: ""
}
.fa-shipping-fast::before {
content: ""
}
.fa-fish::before {
content: ""
}
.fa-user-graduate::before {
content: ""
}
.fa-circle-half-stroke::before {
content: ""
}
.fa-adjust::before {
content: ""
}
.fa-clapperboard::before {
content: ""
}
.fa-circle-radiation::before {
content: ""
}
.fa-radiation-alt::before {
content: ""
}
.fa-baseball::before {
content: ""
}
.fa-baseball-ball::before {
content: ""
}
.fa-jet-fighter-up::before {
content: ""
}
.fa-diagram-project::before {
content: ""
}
.fa-project-diagram::before {
content: ""
}
.fa-copy::before {
content: ""
}
.fa-volume-xmark::before {
content: ""
}
.fa-volume-mute::before {
content: ""
}
.fa-volume-times::before {
content: ""
}
.fa-hand-sparkles::before {
content: ""
}
.fa-grip::before {
content: ""
}
.fa-grip-horizontal::before {
content: ""
}
.fa-share-from-square::before {
content: ""
}
.fa-share-square::before {
content: ""
}
.fa-child-combatant::before {
content: ""
}
.fa-child-rifle::before {
content: ""
}
.fa-gun::before {
content: ""
}
.fa-square-phone::before {
content: ""
}
.fa-phone-square::before {
content: ""
}
.fa-plus::before {
content: "\+"
}
.fa-add::before {
content: "\+"
}
.fa-expand::before {
content: ""
}
.fa-computer::before {
content: ""
}
.fa-xmark::before {
content: ""
}
.fa-close::before {
content: ""
}
.fa-multiply::before {
content: ""
}
.fa-remove::before {
content: ""
}
.fa-times::before {
content: ""
}
.fa-arrows-up-down-left-right::before {
content: ""
}
.fa-arrows::before {
content: ""
}
.fa-chalkboard-user::before {
content: ""
}
.fa-chalkboard-teacher::before {
content: ""
}
.fa-peso-sign::before {
content: ""
}
.fa-building-shield::before {
content: ""
}
.fa-baby::before {
content: ""
}
.fa-users-line::before {
content: ""
}
.fa-quote-left::before {
content: ""
}
.fa-quote-left-alt::before {
content: ""
}
.fa-tractor::before {
content: ""
}
.fa-trash-arrow-up::before {
content: ""
}
.fa-trash-restore::before {
content: ""
}
.fa-arrow-down-up-lock::before {
content: ""
}
.fa-lines-leaning::before {
content: ""
}
.fa-ruler-combined::before {
content: ""
}
.fa-copyright::before {
content: ""
}
.fa-equals::before {
content: "\="
}
.fa-blender::before {
content: ""
}
.fa-teeth::before {
content: ""
}
.fa-shekel-sign::before {
content: ""
}
.fa-ils::before {
content: ""
}
.fa-shekel::before {
content: ""
}
.fa-sheqel::before {
content: ""
}
.fa-sheqel-sign::before {
content: ""
}
.fa-map::before {
content: ""
}
.fa-rocket::before {
content: ""
}
.fa-photo-film::before {
content: ""
}
.fa-photo-video::before {
content: ""
}
.fa-folder-minus::before {
content: ""
}
.fa-store::before {
content: ""
}
.fa-arrow-trend-up::before {
content: ""
}
.fa-plug-circle-minus::before {
content: ""
}
.fa-sign-hanging::before {
content: ""
}
.fa-sign::before {
content: ""
}
.fa-bezier-curve::before {
content: ""
}
.fa-bell-slash::before {
content: ""
}
.fa-tablet::before {
content: ""
}
.fa-tablet-android::before {
content: ""
}
.fa-school-flag::before {
content: ""
}
.fa-fill::before {
content: ""
}
.fa-angle-up::before {
content: ""
}
.fa-drumstick-bite::before {
content: ""
}
.fa-holly-berry::before {
content: ""
}
.fa-chevron-left::before {
content: ""
}
.fa-bacteria::before {
content: ""
}
.fa-hand-lizard::before {
content: ""
}
.fa-notdef::before {
content: ""
}
.fa-disease::before {
content: ""
}
.fa-briefcase-medical::before {
content: ""
}
.fa-genderless::before {
content: ""
}
.fa-chevron-right::before {
content: ""
}
.fa-retweet::before {
content: ""
}
.fa-car-rear::before {
content: ""
}
.fa-car-alt::before {
content: ""
}
.fa-pump-soap::before {
content: ""
}
.fa-video-slash::before {
content: ""
}
.fa-battery-quarter::before {
content: ""
}
.fa-battery-2::before {
content: ""
}
.fa-radio::before {
content: ""
}
.fa-baby-carriage::before {
content: ""
}
.fa-carriage-baby::before {
content: ""
}
.fa-traffic-light::before {
content: ""
}
.fa-thermometer::before {
content: ""
}
.fa-vr-cardboard::before {
content: ""
}
.fa-hand-middle-finger::before {
content: ""
}
.fa-percent::before {
content: "\%"
}
.fa-percentage::before {
content: "\%"
}
.fa-truck-moving::before {
content: ""
}
.fa-glass-water-droplet::before {
content: ""
}
.fa-display::before {
content: ""
}
.fa-face-smile::before {
content: ""
}
.fa-smile::before {
content: ""
}
.fa-thumbtack::before {
content: ""
}
.fa-thumb-tack::before {
content: ""
}
.fa-trophy::before {
content: ""
}
.fa-person-praying::before {
content: ""
}
.fa-pray::before {
content: ""
}
.fa-hammer::before {
content: ""
}
.fa-hand-peace::before {
content: ""
}
.fa-rotate::before {
content: ""
}
.fa-sync-alt::before {
content: ""
}
.fa-spinner::before {
content: ""
}
.fa-robot::before {
content: ""
}
.fa-peace::before {
content: ""
}
.fa-gears::before {
content: ""
}
.fa-cogs::before {
content: ""
}
.fa-warehouse::before {
content: ""
}
.fa-arrow-up-right-dots::before {
content: ""
}
.fa-splotch::before {
content: ""
}
.fa-face-grin-hearts::before {
content: ""
}
.fa-grin-hearts::before {
content: ""
}
.fa-dice-four::before {
content: ""
}
.fa-sim-card::before {
content: ""
}
.fa-transgender::before {
content: ""
}
.fa-transgender-alt::before {
content: ""
}
.fa-mercury::before {
content: ""
}
.fa-arrow-turn-down::before {
content: ""
}
.fa-level-down::before {
content: ""
}
.fa-person-falling-burst::before {
content: ""
}
.fa-award::before {
content: ""
}
.fa-ticket-simple::before {
content: ""
}
.fa-ticket-alt::before {
content: ""
}
.fa-building::before {
content: ""
}
.fa-angles-left::before {
content: ""
}
.fa-angle-double-left::before {
content: ""
}
.fa-qrcode::before {
content: ""
}
.fa-clock-rotate-left::before {
content: ""
}
.fa-history::before {
content: ""
}
.fa-face-grin-beam-sweat::before {
content: ""
}
.fa-grin-beam-sweat::before {
content: ""
}
.fa-file-export::before {
content: ""
}
.fa-arrow-right-from-file::before {
content: ""
}
.fa-shield::before {
content: ""
}
.fa-shield-blank::before {
content: ""
}
.fa-arrow-up-short-wide::before {
content: ""
}
.fa-sort-amount-up-alt::before {
content: ""
}
.fa-house-medical::before {
content: ""
}
.fa-golf-ball-tee::before {
content: ""
}
.fa-golf-ball::before {
content: ""
}
.fa-circle-chevron-left::before {
content: ""
}
.fa-chevron-circle-left::before {
content: ""
}
.fa-house-chimney-window::before {
content: ""
}
.fa-pen-nib::before {
content: ""
}
.fa-tent-arrow-turn-left::before {
content: ""
}
.fa-tents::before {
content: ""
}
.fa-wand-magic::before {
content: ""
}
.fa-magic::before {
content: ""
}
.fa-dog::before {
content: ""
}
.fa-carrot::before {
content: ""
}
.fa-moon::before {
content: ""
}
.fa-wine-glass-empty::before {
content: ""
}
.fa-wine-glass-alt::before {
content: ""
}
.fa-cheese::before {
content: ""
}
.fa-yin-yang::before {
content: ""
}
.fa-music::before {
content: ""
}
.fa-code-commit::before {
content: ""
}
.fa-temperature-low::before {
content: ""
}
.fa-person-biking::before {
content: ""
}
.fa-biking::before {
content: ""
}
.fa-broom::before {
content: ""
}
.fa-shield-heart::before {
content: ""
}
.fa-gopuram::before {
content: ""
}
.fa-earth-oceania::before {
content: ""
}
.fa-globe-oceania::before {
content: ""
}
.fa-square-xmark::before {
content: ""
}
.fa-times-square::before {
content: ""
}
.fa-xmark-square::before {
content: ""
}
.fa-hashtag::before {
content: "\#"
}
.fa-up-right-and-down-left-from-center::before {
content: ""
}
.fa-expand-alt::before {
content: ""
}
.fa-oil-can::before {
content: ""
}
.fa-t::before {
content: "T"
}
.fa-hippo::before {
content: ""
}
.fa-chart-column::before {
content: ""
}
.fa-infinity::before {
content: ""
}
.fa-vial-circle-check::before {
content: ""
}
.fa-person-arrow-down-to-line::before {
content: ""
}
.fa-voicemail::before {
content: ""
}
.fa-fan::before {
content: ""
}
.fa-person-walking-luggage::before {
content: ""
}
.fa-up-down::before {
content: ""
}
.fa-arrows-alt-v::before {
content: ""
}
.fa-cloud-moon-rain::before {
content: ""
}
.fa-calendar::before {
content: ""
}
.fa-trailer::before {
content: ""
}
.fa-bahai::before {
content: ""
}
.fa-haykal::before {
content: ""
}
.fa-sd-card::before {
content: ""
}
.fa-dragon::before {
content: ""
}
.fa-shoe-prints::before {
content: ""
}
.fa-circle-plus::before {
content: ""
}
.fa-plus-circle::before {
content: ""
}
.fa-face-grin-tongue-wink::before {
content: ""
}
.fa-grin-tongue-wink::before {
content: ""
}
.fa-hand-holding::before {
content: ""
}
.fa-plug-circle-exclamation::before {
content: ""
}
.fa-link-slash::before {
content: ""
}
.fa-chain-broken::before {
content: ""
}
.fa-chain-slash::before {
content: ""
}
.fa-unlink::before {
content: ""
}
.fa-clone::before {
content: ""
}
.fa-person-walking-arrow-loop-left::before {
content: ""
}
.fa-arrow-up-z-a::before {
content: ""
}
.fa-sort-alpha-up-alt::before {
content: ""
}
.fa-fire-flame-curved::before {
content: ""
}
.fa-fire-alt::before {
content: ""
}
.fa-tornado::before {
content: ""
}
.fa-file-circle-plus::before {
content: ""
}
.fa-book-quran::before {
content: ""
}
.fa-quran::before {
content: ""
}
.fa-anchor::before {
content: ""
}
.fa-border-all::before {
content: ""
}
.fa-face-angry::before {
content: ""
}
.fa-angry::before {
content: ""
}
.fa-cookie-bite::before {
content: ""
}
.fa-arrow-trend-down::before {
content: ""
}
.fa-rss::before {
content: ""
}
.fa-feed::before {
content: ""
}
.fa-draw-polygon::before {
content: ""
}
.fa-scale-balanced::before {
content: ""
}
.fa-balance-scale::before {
content: ""
}
.fa-gauge-simple-high::before {
content: ""
}
.fa-tachometer::before {
content: ""
}
.fa-tachometer-fast::before {
content: ""
}
.fa-shower::before {
content: ""
}
.fa-desktop::before {
content: ""
}
.fa-desktop-alt::before {
content: ""
}
.fa-m::before {
content: "M"
}
.fa-table-list::before {
content: ""
}
.fa-th-list::before {
content: ""
}
.fa-comment-sms::before {
content: ""
}
.fa-sms::before {
content: ""
}
.fa-book::before {
content: ""
}
.fa-user-plus::before {
content: ""
}
.fa-check::before {
content: ""
}
.fa-battery-three-quarters::before {
content: ""
}
.fa-battery-4::before {
content: ""
}
.fa-house-circle-check::before {
content: ""
}
.fa-angle-left::before {
content: ""
}
.fa-diagram-successor::before {
content: ""
}
.fa-truck-arrow-right::before {
content: ""
}
.fa-arrows-split-up-and-left::before {
content: ""
}
.fa-hand-fist::before {
content: ""
}
.fa-fist-raised::before {
content: ""
}
.fa-cloud-moon::before {
content: ""
}
.fa-briefcase::before {
content: ""
}
.fa-person-falling::before {
content: ""
}
.fa-image-portrait::before {
content: ""
}
.fa-portrait::before {
content: ""
}
.fa-user-tag::before {
content: ""
}
.fa-rug::before {
content: ""
}
.fa-earth-europe::before {
content: ""
}
.fa-globe-europe::before {
content: ""
}
.fa-cart-flatbed-suitcase::before {
content: ""
}
.fa-luggage-cart::before {
content: ""
}
.fa-rectangle-xmark::before {
content: ""
}
.fa-rectangle-times::before {
content: ""
}
.fa-times-rectangle::before {
content: ""
}
.fa-window-close::before {
content: ""
}
.fa-baht-sign::before {
content: ""
}
.fa-book-open::before {
content: ""
}
.fa-book-journal-whills::before {
content: ""
}
.fa-journal-whills::before {
content: ""
}
.fa-handcuffs::before {
content: ""
}
.fa-triangle-exclamation::before {
content: ""
}
.fa-exclamation-triangle::before {
content: ""
}
.fa-warning::before {
content: ""
}
.fa-database::before {
content: ""
}
.fa-share::before {
content: ""
}
.fa-arrow-turn-right::before {
content: ""
}
.fa-mail-forward::before {
content: ""
}
.fa-bottle-droplet::before {
content: ""
}
.fa-mask-face::before {
content: ""
}
.fa-hill-rockslide::before {
content: ""
}
.fa-right-left::before {
content: ""
}
.fa-exchange-alt::before {
content: ""
}
.fa-paper-plane::before {
content: ""
}
.fa-road-circle-exclamation::before {
content: ""
}
.fa-dungeon::before {
content: ""
}
.fa-align-right::before {
content: ""
}
.fa-money-bill-1-wave::before {
content: ""
}
.fa-money-bill-wave-alt::before {
content: ""
}
.fa-life-ring::before {
content: ""
}
.fa-hands::before {
content: ""
}
.fa-sign-language::before {
content: ""
}
.fa-signing::before {
content: ""
}
.fa-calendar-day::before {
content: ""
}
.fa-water-ladder::before {
content: ""
}
.fa-ladder-water::before {
content: ""
}
.fa-swimming-pool::before {
content: ""
}
.fa-arrows-up-down::before {
content: ""
}
.fa-arrows-v::before {
content: ""
}
.fa-face-grimace::before {
content: ""
}
.fa-grimace::before {
content: ""
}
.fa-wheelchair-move::before {
content: ""
}
.fa-wheelchair-alt::before {
content: ""
}
.fa-turn-down::before {
content: ""
}
.fa-level-down-alt::before {
content: ""
}
.fa-person-walking-arrow-right::before {
content: ""
}
.fa-square-envelope::before {
content: ""
}
.fa-envelope-square::before {
content: ""
}
.fa-dice::before {
content: ""
}
.fa-bowling-ball::before {
content: ""
}
.fa-brain::before {
content: ""
}
.fa-bandage::before {
content: ""
}
.fa-band-aid::before {
content: ""
}
.fa-calendar-minus::before {
content: ""
}
.fa-circle-xmark::before {
content: ""
}
.fa-times-circle::before {
content: ""
}
.fa-xmark-circle::before {
content: ""
}
.fa-gifts::before {
content: ""
}
.fa-hotel::before {
content: ""
}
.fa-earth-asia::before {
content: ""
}
.fa-globe-asia::before {
content: ""
}
.fa-id-card-clip::before {
content: ""
}
.fa-id-card-alt::before {
content: ""
}
.fa-magnifying-glass-plus::before {
content: ""
}
.fa-search-plus::before {
content: ""
}
.fa-thumbs-up::before {
content: ""
}
.fa-user-clock::before {
content: ""
}
.fa-hand-dots::before {
content: ""
}
.fa-allergies::before {
content: ""
}
.fa-file-invoice::before {
content: ""
}
.fa-window-minimize::before {
content: ""
}
.fa-mug-saucer::before {
content: ""
}
.fa-coffee::before {
content: ""
}
.fa-brush::before {
content: ""
}
.fa-mask::before {
content: ""
}
.fa-magnifying-glass-minus::before {
content: ""
}
.fa-search-minus::before {
content: ""
}
.fa-ruler-vertical::before {
content: ""
}
.fa-user-large::before {
content: ""
}
.fa-user-alt::before {
content: ""
}
.fa-train-tram::before {
content: ""
}
.fa-user-nurse::before {
content: ""
}
.fa-syringe::before {
content: ""
}
.fa-cloud-sun::before {
content: ""
}
.fa-stopwatch-20::before {
content: ""
}
.fa-square-full::before {
content: ""
}
.fa-magnet::before {
content: ""
}
.fa-jar::before {
content: ""
}
.fa-note-sticky::before {
content: ""
}
.fa-sticky-note::before {
content: ""
}
.fa-bug-slash::before {
content: ""
}
.fa-arrow-up-from-water-pump::before {
content: ""
}
.fa-bone::before {
content: ""
}
.fa-user-injured::before {
content: ""
}
.fa-face-sad-tear::before {
content: ""
}
.fa-sad-tear::before {
content: ""
}
.fa-plane::before {
content: ""
}
.fa-tent-arrows-down::before {
content: ""
}
.fa-exclamation::before {
content: "\!"
}
.fa-arrows-spin::before {
content: ""
}
.fa-print::before {
content: ""
}
.fa-turkish-lira-sign::before {
content: ""
}
.fa-try::before {
content: ""
}
.fa-turkish-lira::before {
content: ""
}
.fa-dollar-sign::before {
content: "\$"
}
.fa-dollar::before {
content: "\$"
}
.fa-usd::before {
content: "\$"
}
.fa-x::before {
content: "X"
}
.fa-magnifying-glass-dollar::before {
content: ""
}
.fa-search-dollar::before {
content: ""
}
.fa-users-gear::before {
content: ""
}
.fa-users-cog::before {
content: ""
}
.fa-person-military-pointing::before {
content: ""
}
.fa-building-columns::before {
content: ""
}
.fa-bank::before {
content: ""
}
.fa-institution::before {
content: ""
}
.fa-museum::before {
content: ""
}
.fa-university::before {
content: ""
}
.fa-umbrella::before {
content: ""
}
.fa-trowel::before {
content: ""
}
.fa-d::before {
content: "D"
}
.fa-stapler::before {
content: ""
}
.fa-masks-theater::before {
content: ""
}
.fa-theater-masks::before {
content: ""
}
.fa-kip-sign::before {
content: ""
}
.fa-hand-point-left::before {
content: ""
}
.fa-handshake-simple::before {
content: ""
}
.fa-handshake-alt::before {
content: ""
}
.fa-jet-fighter::before {
content: ""
}
.fa-fighter-jet::before {
content: ""
}
.fa-square-share-nodes::before {
content: ""
}
.fa-share-alt-square::before {
content: ""
}
.fa-barcode::before {
content: ""
}
.fa-plus-minus::before {
content: ""
}
.fa-video::before {
content: ""
}
.fa-video-camera::before {
content: ""
}
.fa-graduation-cap::before {
content: ""
}
.fa-mortar-board::before {
content: ""
}
.fa-hand-holding-medical::before {
content: ""
}
.fa-person-circle-check::before {
content: ""
}
.fa-turn-up::before {
content: ""
}
.fa-level-up-alt::before {
content: ""
}
.sr-only,
.fa-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
}
.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root,
:host {
--fa-style-family-classic: "Font Awesome 6 Free";
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/fa-solid-900.woff2") format("woff2")
}
.fas,
.fa-solid {
font-weight: 900
}
/*!
* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root,
:host {
--fa-style-family-brands: "Font Awesome 6 Brands";
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/fa-brands-400.woff2") format("woff2")
}
.fab,
.fa-brands {
font-weight: 400
}
.fa-monero:before {
content: ""
}
.fa-hooli:before {
content: ""
}
.fa-yelp:before {
content: ""
}
.fa-cc-visa:before {
content: ""
}
.fa-lastfm:before {
content: ""
}
.fa-shopware:before {
content: ""
}
.fa-creative-commons-nc:before {
content: ""
}
.fa-aws:before {
content: ""
}
.fa-redhat:before {
content: ""
}
.fa-yoast:before {
content: ""
}
.fa-cloudflare:before {
content: ""
}
.fa-ups:before {
content: ""
}
.fa-wpexplorer:before {
content: ""
}
.fa-dyalog:before {
content: ""
}
.fa-bity:before {
content: ""
}
.fa-stackpath:before {
content: ""
}
.fa-buysellads:before {
content: ""
}
.fa-first-order:before {
content: ""
}
.fa-modx:before {
content: ""
}
.fa-guilded:before {
content: ""
}
.fa-vnv:before {
content: ""
}
.fa-square-js:before {
content: ""
}
.fa-js-square:before {
content: ""
}
.fa-microsoft:before {
content: ""
}
.fa-qq:before {
content: ""
}
.fa-orcid:before {
content: ""
}
.fa-java:before {
content: ""
}
.fa-invision:before {
content: ""
}
.fa-creative-commons-pd-alt:before {
content: ""
}
.fa-centercode:before {
content: ""
}
.fa-glide-g:before {
content: ""
}
.fa-drupal:before {
content: ""
}
.fa-hire-a-helper:before {
content: ""
}
.fa-creative-commons-by:before {
content: ""
}
.fa-unity:before {
content: ""
}
.fa-whmcs:before {
content: ""
}
.fa-rocketchat:before {
content: ""
}
.fa-vk:before {
content: ""
}
.fa-untappd:before {
content: ""
}
.fa-mailchimp:before {
content: ""
}
.fa-css3-alt:before {
content: ""
}
.fa-square-reddit:before {
content: ""
}
.fa-reddit-square:before {
content: ""
}
.fa-vimeo-v:before {
content: ""
}
.fa-contao:before {
content: ""
}
.fa-square-font-awesome:before {
content: ""
}
.fa-deskpro:before {
content: ""
}
.fa-sistrix:before {
content: ""
}
.fa-square-instagram:before {
content: ""
}
.fa-instagram-square:before {
content: ""
}
.fa-battle-net:before {
content: ""
}
.fa-the-red-yeti:before {
content: ""
}
.fa-square-hacker-news:before {
content: ""
}
.fa-hacker-news-square:before {
content: ""
}
.fa-edge:before {
content: ""
}
.fa-threads:before {
content: ""
}
.fa-napster:before {
content: ""
}
.fa-square-snapchat:before {
content: ""
}
.fa-snapchat-square:before {
content: ""
}
.fa-google-plus-g:before {
content: ""
}
.fa-artstation:before {
content: ""
}
.fa-markdown:before {
content: ""
}
.fa-sourcetree:before {
content: ""
}
.fa-google-plus:before {
content: ""
}
.fa-diaspora:before {
content: ""
}
.fa-foursquare:before {
content: ""
}
.fa-stack-overflow:before {
content: ""
}
.fa-github-alt:before {
content: ""
}
.fa-phoenix-squadron:before {
content: ""
}
.fa-pagelines:before {
content: ""
}
.fa-algolia:before {
content: ""
}
.fa-red-river:before {
content: ""
}
.fa-creative-commons-sa:before {
content: ""
}
.fa-safari:before {
content: ""
}
.fa-google:before {
content: ""
}
.fa-square-font-awesome-stroke:before {
content: ""
}
.fa-font-awesome-alt:before {
content: ""
}
.fa-atlassian:before {
content: ""
}
.fa-linkedin-in:before {
content: ""
}
.fa-digital-ocean:before {
content: ""
}
.fa-nimblr:before {
content: ""
}
.fa-chromecast:before {
content: ""
}
.fa-evernote:before {
content: ""
}
.fa-hacker-news:before {
content: ""
}
.fa-creative-commons-sampling:before {
content: ""
}
.fa-adversal:before {
content: ""
}
.fa-creative-commons:before {
content: ""
}
.fa-watchman-monitoring:before {
content: ""
}
.fa-fonticons:before {
content: ""
}
.fa-weixin:before {
content: ""
}
.fa-shirtsinbulk:before {
content: ""
}
.fa-codepen:before {
content: ""
}
.fa-git-alt:before {
content: ""
}
.fa-lyft:before {
content: ""
}
.fa-rev:before {
content: ""
}
.fa-windows:before {
content: ""
}
.fa-wizards-of-the-coast:before {
content: ""
}
.fa-square-viadeo:before {
content: ""
}
.fa-viadeo-square:before {
content: ""
}
.fa-meetup:before {
content: ""
}
.fa-centos:before {
content: ""
}
.fa-adn:before {
content: ""
}
.fa-cloudsmith:before {
content: ""
}
.fa-pied-piper-alt:before {
content: ""
}
.fa-square-dribbble:before {
content: ""
}
.fa-dribbble-square:before {
content: ""
}
.fa-codiepie:before {
content: ""
}
.fa-node:before {
content: ""
}
.fa-mix:before {
content: ""
}
.fa-steam:before {
content: ""
}
.fa-cc-apple-pay:before {
content: ""
}
.fa-scribd:before {
content: ""
}
.fa-debian:before {
content: ""
}
.fa-openid:before {
content: ""
}
.fa-instalod:before {
content: ""
}
.fa-expeditedssl:before {
content: ""
}
.fa-sellcast:before {
content: ""
}
.fa-square-twitter:before {
content: ""
}
.fa-twitter-square:before {
content: ""
}
.fa-r-project:before {
content: ""
}
.fa-delicious:before {
content: ""
}
.fa-freebsd:before {
content: ""
}
.fa-vuejs:before {
content: ""
}
.fa-accusoft:before {
content: ""
}
.fa-ioxhost:before {
content: ""
}
.fa-fonticons-fi:before {
content: ""
}
.fa-app-store:before {
content: ""
}
.fa-cc-mastercard:before {
content: ""
}
.fa-itunes-note:before {
content: ""
}
.fa-golang:before {
content: ""
}
.fa-kickstarter:before {
content: ""
}
.fa-grav:before {
content: ""
}
.fa-weibo:before {
content: ""
}
.fa-uncharted:before {
content: ""
}
.fa-firstdraft:before {
content: ""
}
.fa-square-youtube:before {
content: ""
}
.fa-youtube-square:before {
content: ""
}
.fa-wikipedia-w:before {
content: ""
}
.fa-wpressr:before {
content: ""
}
.fa-rendact:before {
content: ""
}
.fa-angellist:before {
content: ""
}
.fa-galactic-republic:before {
content: ""
}
.fa-nfc-directional:before {
content: ""
}
.fa-skype:before {
content: ""
}
.fa-joget:before {
content: ""
}
.fa-fedora:before {
content: ""
}
.fa-stripe-s:before {
content: ""
}
.fa-meta:before {
content: ""
}
.fa-laravel:before {
content: ""
}
.fa-hotjar:before {
content: ""
}
.fa-bluetooth-b:before {
content: ""
}
.fa-sticker-mule:before {
content: ""
}
.fa-creative-commons-zero:before {
content: ""
}
.fa-hips:before {
content: ""
}
.fa-behance:before {
content: ""
}
.fa-reddit:before {
content: ""
}
.fa-discord:before {
content: ""
}
.fa-chrome:before {
content: ""
}
.fa-app-store-ios:before {
content: ""
}
.fa-cc-discover:before {
content: ""
}
.fa-wpbeginner:before {
content: ""
}
.fa-confluence:before {
content: ""
}
.fa-mdb:before {
content: ""
}
.fa-dochub:before {
content: ""
}
.fa-accessible-icon:before {
content: ""
}
.fa-ebay:before {
content: ""
}
.fa-amazon:before {
content: ""
}
.fa-unsplash:before {
content: ""
}
.fa-yarn:before {
content: ""
}
.fa-square-steam:before {
content: ""
}
.fa-steam-square:before {
content: ""
}
.fa-500px:before {
content: ""
}
.fa-square-vimeo:before {
content: ""
}
.fa-vimeo-square:before {
content: ""
}
.fa-asymmetrik:before {
content: ""
}
.fa-font-awesome:before {
content: ""
}
.fa-font-awesome-flag:before {
content: ""
}
.fa-font-awesome-logo-full:before {
content: ""
}
.fa-gratipay:before {
content: ""
}
.fa-apple:before {
content: ""
}
.fa-hive:before {
content: ""
}
.fa-gitkraken:before {
content: ""
}
.fa-keybase:before {
content: ""
}
.fa-apple-pay:before {
content: ""
}
.fa-padlet:before {
content: ""
}
.fa-amazon-pay:before {
content: ""
}
.fa-square-github:before {
content: ""
}
.fa-github-square:before {
content: ""
}
.fa-stumbleupon:before {
content: ""
}
.fa-fedex:before {
content: ""
}
.fa-phoenix-framework:before {
content: ""
}
.fa-shopify:before {
content: ""
}
.fa-neos:before {
content: ""
}
.fa-square-threads:before {
content: ""
}
.fa-hackerrank:before {
content: ""
}
.fa-researchgate:before {
content: ""
}
.fa-swift:before {
content: ""
}
.fa-angular:before {
content: ""
}
.fa-speakap:before {
content: ""
}
.fa-angrycreative:before {
content: ""
}
.fa-y-combinator:before {
content: ""
}
.fa-empire:before {
content: ""
}
.fa-envira:before {
content: ""
}
.fa-square-gitlab:before {
content: ""
}
.fa-gitlab-square:before {
content: ""
}
.fa-studiovinari:before {
content: ""
}
.fa-pied-piper:before {
content: ""
}
.fa-wordpress:before {
content: ""
}
.fa-product-hunt:before {
content: ""
}
.fa-firefox:before {
content: ""
}
.fa-linode:before {
content: ""
}
.fa-goodreads:before {
content: ""
}
.fa-square-odnoklassniki:before {
content: ""
}
.fa-odnoklassniki-square:before {
content: ""
}
.fa-jsfiddle:before {
content: ""
}
.fa-sith:before {
content: ""
}
.fa-themeisle:before {
content: ""
}
.fa-page4:before {
content: ""
}
.fa-hashnode:before {
content: ""
}
.fa-react:before {
content: ""
}
.fa-cc-paypal:before {
content: ""
}
.fa-squarespace:before {
content: ""
}
.fa-cc-stripe:before {
content: ""
}
.fa-creative-commons-share:before {
content: ""
}
.fa-bitcoin:before {
content: ""
}
.fa-keycdn:before {
content: ""
}
.fa-opera:before {
content: ""
}
.fa-itch-io:before {
content: ""
}
.fa-umbraco:before {
content: ""
}
.fa-galactic-senate:before {
content: ""
}
.fa-ubuntu:before {
content: ""
}
.fa-draft2digital:before {
content: ""
}
.fa-stripe:before {
content: ""
}
.fa-houzz:before {
content: ""
}
.fa-gg:before {
content: ""
}
.fa-dhl:before {
content: ""
}
.fa-square-pinterest:before {
content: ""
}
.fa-pinterest-square:before {
content: ""
}
.fa-xing:before {
content: ""
}
.fa-blackberry:before {
content: ""
}
.fa-creative-commons-pd:before {
content: ""
}
.fa-playstation:before {
content: ""
}
.fa-quinscape:before {
content: ""
}
.fa-less:before {
content: ""
}
.fa-blogger-b:before {
content: ""
}
.fa-opencart:before {
content: ""
}
.fa-vine:before {
content: ""
}
.fa-paypal:before {
content: ""
}
.fa-gitlab:before {
content: ""
}
.fa-typo3:before {
content: ""
}
.fa-reddit-alien:before {
content: ""
}
.fa-yahoo:before {
content: ""
}
.fa-dailymotion:before {
content: ""
}
.fa-affiliatetheme:before {
content: ""
}
.fa-pied-piper-pp:before {
content: ""
}
.fa-bootstrap:before {
content: ""
}
.fa-odnoklassniki:before {
content: ""
}
.fa-nfc-symbol:before {
content: ""
}
.fa-ethereum:before {
content: ""
}
.fa-speaker-deck:before {
content: ""
}
.fa-creative-commons-nc-eu:before {
content: ""
}
.fa-patreon:before {
content: ""
}
.fa-avianex:before {
content: ""
}
.fa-ello:before {
content: ""
}
.fa-gofore:before {
content: ""
}
.fa-bimobject:before {
content: ""
}
.fa-facebook-f:before {
content: ""
}
.fa-square-google-plus:before {
content: ""
}
.fa-google-plus-square:before {
content: ""
}
.fa-mandalorian:before {
content: ""
}
.fa-first-order-alt:before {
content: ""
}
.fa-osi:before {
content: ""
}
.fa-google-wallet:before {
content: ""
}
.fa-d-and-d-beyond:before {
content: ""
}
.fa-periscope:before {
content: ""
}
.fa-fulcrum:before {
content: ""
}
.fa-cloudscale:before {
content: ""
}
.fa-forumbee:before {
content: ""
}
.fa-mizuni:before {
content: ""
}
.fa-schlix:before {
content: ""
}
.fa-square-xing:before {
content: ""
}
.fa-xing-square:before {
content: ""
}
.fa-bandcamp:before {
content: ""
}
.fa-wpforms:before {
content: ""
}
.fa-cloudversify:before {
content: ""
}
.fa-usps:before {
content: ""
}
.fa-megaport:before {
content: ""
}
.fa-magento:before {
content: ""
}
.fa-spotify:before {
content: ""
}
.fa-optin-monster:before {
content: ""
}
.fa-fly:before {
content: ""
}
.fa-aviato:before {
content: ""
}
.fa-itunes:before {
content: ""
}
.fa-cuttlefish:before {
content: ""
}
.fa-blogger:before {
content: ""
}
.fa-flickr:before {
content: ""
}
.fa-viber:before {
content: ""
}
.fa-soundcloud:before {
content: ""
}
.fa-digg:before {
content: ""
}
.fa-tencent-weibo:before {
content: ""
}
.fa-symfony:before {
content: ""
}
.fa-maxcdn:before {
content: ""
}
.fa-etsy:before {
content: ""
}
.fa-facebook-messenger:before {
content: ""
}
.fa-audible:before {
content: ""
}
.fa-think-peaks:before {
content: ""
}
.fa-bilibili:before {
content: ""
}
.fa-erlang:before {
content: ""
}
.fa-x-twitter:before {
content: ""
}
.fa-cotton-bureau:before {
content: ""
}
.fa-dashcube:before {
content: ""
}
.fa-42-group:before {
content: ""
}
.fa-innosoft:before {
content: ""
}
.fa-stack-exchange:before {
content: ""
}
.fa-elementor:before {
content: ""
}
.fa-square-pied-piper:before {
content: ""
}
.fa-pied-piper-square:before {
content: ""
}
.fa-creative-commons-nd:before {
content: ""
}
.fa-palfed:before {
content: ""
}
.fa-superpowers:before {
content: ""
}
.fa-resolving:before {
content: ""
}
.fa-xbox:before {
content: ""
}
.fa-searchengin:before {
content: ""
}
.fa-tiktok:before {
content: ""
}
.fa-square-facebook:before {
content: ""
}
.fa-facebook-square:before {
content: ""
}
.fa-renren:before {
content: ""
}
.fa-linux:before {
content: ""
}
.fa-glide:before {
content: ""
}
.fa-linkedin:before {
content: ""
}
.fa-hubspot:before {
content: ""
}
.fa-deploydog:before {
content: ""
}
.fa-twitch:before {
content: ""
}
.fa-ravelry:before {
content: ""
}
.fa-mixer:before {
content: ""
}
.fa-square-lastfm:before {
content: ""
}
.fa-lastfm-square:before {
content: ""
}
.fa-vimeo:before {
content: ""
}
.fa-mendeley:before {
content: ""
}
.fa-uniregistry:before {
content: ""
}
.fa-figma:before {
content: ""
}
.fa-creative-commons-remix:before {
content: ""
}
.fa-cc-amazon-pay:before {
content: ""
}
.fa-dropbox:before {
content: ""
}
.fa-instagram:before {
content: ""
}
.fa-cmplid:before {
content: ""
}
.fa-facebook:before {
content: ""
}
.fa-gripfire:before {
content: ""
}
.fa-jedi-order:before {
content: ""
}
.fa-uikit:before {
content: ""
}
.fa-fort-awesome-alt:before {
content: ""
}
.fa-phabricator:before {
content: ""
}
.fa-ussunnah:before {
content: ""
}
.fa-earlybirds:before {
content: ""
}
.fa-trade-federation:before {
content: ""
}
.fa-autoprefixer:before {
content: ""
}
.fa-whatsapp:before {
content: ""
}
.fa-slideshare:before {
content: ""
}
.fa-google-play:before {
content: ""
}
.fa-viadeo:before {
content: ""
}
.fa-line:before {
content: ""
}
.fa-google-drive:before {
content: ""
}
.fa-servicestack:before {
content: ""
}
.fa-simplybuilt:before {
content: ""
}
.fa-bitbucket:before {
content: ""
}
.fa-imdb:before {
content: ""
}
.fa-deezer:before {
content: ""
}
.fa-raspberry-pi:before {
content: ""
}
.fa-jira:before {
content: ""
}
.fa-docker:before {
content: ""
}
.fa-screenpal:before {
content: ""
}
.fa-bluetooth:before {
content: ""
}
.fa-gitter:before {
content: ""
}
.fa-d-and-d:before {
content: ""
}
.fa-microblog:before {
content: ""
}
.fa-cc-diners-club:before {
content: ""
}
.fa-gg-circle:before {
content: ""
}
.fa-pied-piper-hat:before {
content: ""
}
.fa-kickstarter-k:before {
content: ""
}
.fa-yandex:before {
content: ""
}
.fa-readme:before {
content: ""
}
.fa-html5:before {
content: ""
}
.fa-sellsy:before {
content: ""
}
.fa-sass:before {
content: ""
}
.fa-wirsindhandwerk:before {
content: ""
}
.fa-wsh:before {
content: ""
}
.fa-buromobelexperte:before {
content: ""
}
.fa-salesforce:before {
content: ""
}
.fa-octopus-deploy:before {
content: ""
}
.fa-medapps:before {
content: ""
}
.fa-ns8:before {
content: ""
}
.fa-pinterest-p:before {
content: ""
}
.fa-apper:before {
content: ""
}
.fa-fort-awesome:before {
content: ""
}
.fa-waze:before {
content: ""
}
.fa-cc-jcb:before {
content: ""
}
.fa-snapchat:before {
content: ""
}
.fa-snapchat-ghost:before {
content: ""
}
.fa-fantasy-flight-games:before {
content: ""
}
.fa-rust:before {
content: ""
}
.fa-wix:before {
content: ""
}
.fa-square-behance:before {
content: ""
}
.fa-behance-square:before {
content: ""
}
.fa-supple:before {
content: ""
}
.fa-rebel:before {
content: ""
}
.fa-css3:before {
content: ""
}
.fa-staylinked:before {
content: ""
}
.fa-kaggle:before {
content: ""
}
.fa-space-awesome:before {
content: ""
}
.fa-deviantart:before {
content: ""
}
.fa-cpanel:before {
content: ""
}
.fa-goodreads-g:before {
content: ""
}
.fa-square-git:before {
content: ""
}
.fa-git-square:before {
content: ""
}
.fa-square-tumblr:before {
content: ""
}
.fa-tumblr-square:before {
content: ""
}
.fa-trello:before {
content: ""
}
.fa-creative-commons-nc-jp:before {
content: ""
}
.fa-get-pocket:before {
content: ""
}
.fa-perbyte:before {
content: ""
}
.fa-grunt:before {
content: ""
}
.fa-weebly:before {
content: ""
}
.fa-connectdevelop:before {
content: ""
}
.fa-leanpub:before {
content: ""
}
.fa-black-tie:before {
content: ""
}
.fa-themeco:before {
content: ""
}
.fa-python:before {
content: ""
}
.fa-android:before {
content: ""
}
.fa-bots:before {
content: ""
}
.fa-free-code-camp:before {
content: ""
}
.fa-hornbill:before {
content: ""
}
.fa-js:before {
content: ""
}
.fa-ideal:before {
content: ""
}
.fa-git:before {
content: ""
}
.fa-dev:before {
content: ""
}
.fa-sketch:before {
content: ""
}
.fa-yandex-international:before {
content: ""
}
.fa-cc-amex:before {
content: ""
}
.fa-uber:before {
content: ""
}
.fa-github:before {
content: ""
}
.fa-php:before {
content: ""
}
.fa-alipay:before {
content: ""
}
.fa-youtube:before {
content: ""
}
.fa-skyatlas:before {
content: ""
}
.fa-firefox-browser:before {
content: ""
}
.fa-replyd:before {
content: ""
}
.fa-suse:before {
content: ""
}
.fa-jenkins:before {
content: ""
}
.fa-twitter:before {
content: ""
}
.fa-rockrms:before {
content: ""
}
.fa-pinterest:before {
content: ""
}
.fa-buffer:before {
content: ""
}
.fa-npm:before {
content: ""
}
.fa-yammer:before {
content: ""
}
.fa-btc:before {
content: ""
}
.fa-dribbble:before {
content: ""
}
.fa-stumbleupon-circle:before {
content: ""
}
.fa-internet-explorer:before {
content: ""
}
.fa-stubber:before {
content: ""
}
.fa-telegram:before {
content: ""
}
.fa-telegram-plane:before {
content: ""
}
.fa-old-republic:before {
content: ""
}
.fa-odysee:before {
content: ""
}
.fa-square-whatsapp:before {
content: ""
}
.fa-whatsapp-square:before {
content: ""
}
.fa-node-js:before {
content: ""
}
.fa-edge-legacy:before {
content: ""
}
.fa-slack:before {
content: ""
}
.fa-slack-hash:before {
content: ""
}
.fa-medrt:before {
content: ""
}
.fa-usb:before {
content: ""
}
.fa-tumblr:before {
content: ""
}
.fa-vaadin:before {
content: ""
}
.fa-quora:before {
content: ""
}
.fa-square-x-twitter:before {
content: ""
}
.fa-reacteurope:before {
content: ""
}
.fa-medium:before {
content: ""
}
.fa-medium-m:before {
content: ""
}
.fa-amilia:before {
content: ""
}
.fa-mixcloud:before {
content: ""
}
.fa-flipboard:before {
content: ""
}
.fa-viacoin:before {
content: ""
}
.fa-critical-role:before {
content: ""
}
.fa-sitrox:before {
content: ""
}
.fa-discourse:before {
content: ""
}
.fa-joomla:before {
content: ""
}
.fa-mastodon:before {
content: ""
}
.fa-airbnb:before {
content: ""
}
.fa-wolf-pack-battalion:before {
content: ""
}
.fa-buy-n-large:before {
content: ""
}
.fa-gulp:before {
content: ""
}
.fa-creative-commons-sampling-plus:before {
content: ""
}
.fa-strava:before {
content: ""
}
.fa-ember:before {
content: ""
}
.fa-canadian-maple-leaf:before {
content: ""
}
.fa-teamspeak:before {
content: ""
}
.fa-pushed:before {
content: ""
}
.fa-wordpress-simple:before {
content: ""
}
.fa-nutritionix:before {
content: ""
}
.fa-wodu:before {
content: ""
}
.fa-google-pay:before {
content: ""
}
.fa-intercom:before {
content: ""
}
.fa-zhihu:before {
content: ""
}
.fa-korvue:before {
content: ""
}
.fa-pix:before {
content: ""
}
.fa-steam-symbol:before {
content: ""
}
body {
margin: 0;
padding: 0;
font-size: 14px;
background: #f6f6f6
}
body.stuck-here {
overflow: hidden !important;
position: fixed;
width: 100%
}
.brand-color {
color: #ffb100
}
li {
list-style: none
}
.font-weight-bold {
font-family: "poppinsbold", sans-serif
}
a {
text-decoration: none
}
.form-select:focus,
.form-control:focus {
box-shadow: none
}
* {
margin: 0px;
padding: 0px
}
.icon {
font-family: "Font Awesome 6 Free"
}
.btn {
padding: 5px 15px !important;
border-radius: 5px;
font-size: 14px !important;
border: solid 1px rgba(0, 0, 0, .062745098) !important
}
.btn-primary {
background-color: #ffb100 !important;
color: #fff !important
}
.btn-primary:hover {
background-color: #ffb100;
color: #fff !important
}
.load_more.btn-primary {
background-color: #ffb100 !important;
color: #151515 !important
}
.load_more.btn-primary:hover {
background-color: #ffb100;
color: #151515 !important
}
.btn-light {
background-color: #fff !important;
color: #151515 !important
}
.btn-light:hover {
background-color: #ffb100 !important;
color: #151515 !important
}
.btn-dark {
background-color: #151515 !important;
color: #fff !important
}
.btn-dark:hover {
background-color: #ffb100 !important;
color: #151515 !important
}
.btn-default {
background-color: #f3f3f3;
color: #151515
}
.btn-default:hover {
background-color: #ffb100 !important;
color: #fff !important
}
header .nav-link .show-cart-popup span.loading {
position: absolute;
right: -10px;
top: 30px
}
header .nav-link .show-cart-popup .loading {
cursor: not-allowed !important;
position: relative;
background-color: #eee !important;
color: #999 !important;
min-height: 20px
}
header .nav-link .show-cart-popup .loading span {
opacity: .5;
width: 100%;
top: 0;
height: 100%;
display: block;
background: #eee !important;
margin: 0 auto;
left: 0;
color: #151515;
right: 0;
position: absolute;
font-size: 16px;
display: flex !important;
align-items: center;
justify-content: center
}
header .nav-link .show-cart-popup .loading span i {
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
header .nav-link .show-cart-popup .loading:hover {
color: #999 !important
}
header .nav-link .show-cart-popup .spinner {
width: 25px;
display: flex;
align-items: center;
justify-content: center
}
header .nav-link .show-cart-popup .spinner i {
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@media(-webkit-device-pixel-ratio: 1.25) {
header .header-cart .show-cart-popup span.loading {
position: absolute;
top: 30px;
right: 0px
}
header .header-cart .cart_count {
right: 0 !important
}
}
.header-sticky {
position: sticky;
width: 100%;
z-index: 111;
top: 0
}
.main-header {
background: #fff;
box-shadow: 0px 2px 14px rgba(0, 0, 0, .11);
border-bottom: 1px solid #dfdfdf;
z-index: 999
}
.main-header .container-fluid,
.main-header .container-sm,
.main-header .container-md,
.main-header .container-lg,
.main-header .container-xl,
.main-header .container-xxl {
width: 100% !important;
max-width: 1800px !important;
padding: 0px 15px !important;
margin: 0px auto
}
.main-header .container-fluid a,
.main-header .container-sm a,
.main-header .container-md a,
.main-header .container-lg a,
.main-header .container-xl a,
.main-header .container-xxl a {
text-decoration: none
}
.main-header .container-fluid .ubuy-explore,
.main-header .container-sm .ubuy-explore,
.main-header .container-md .ubuy-explore,
.main-header .container-lg .ubuy-explore,
.main-header .container-xl .ubuy-explore,
.main-header .container-xxl .ubuy-explore {
padding: 0px;
margin: 0px
}
.main-header .container-fluid .ubuy-explore li,
.main-header .container-sm .ubuy-explore li,
.main-header .container-md .ubuy-explore li,
.main-header .container-lg .ubuy-explore li,
.main-header .container-xl .ubuy-explore li,
.main-header .container-xxl .ubuy-explore li {
list-style: none
}
.main-header .container-fluid .ubuy-explore span,
.main-header .container-sm .ubuy-explore span,
.main-header .container-md .ubuy-explore span,
.main-header .container-lg .ubuy-explore span,
.main-header .container-xl .ubuy-explore span,
.main-header .container-xxl .ubuy-explore span {
color: #151515;
font-family: "poppinssemibold", sans-serif
}
.main-header .container-fluid .nav-link,
.main-header .container-sm .nav-link,
.main-header .container-md .nav-link,
.main-header .container-lg .nav-link,
.main-header .container-xl .nav-link,
.main-header .container-xxl .nav-link {
white-space: nowrap;
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
padding: 0px;
display: flex;
align-items: center
}
.main-header .container-fluid .nav-link .gray-color,
.main-header .container-sm .nav-link .gray-color,
.main-header .container-md .nav-link .gray-color,
.main-header .container-lg .nav-link .gray-color,
.main-header .container-xl .nav-link .gray-color,
.main-header .container-xxl .nav-link .gray-color {
color: #646464
}
@media screen and (max-width: 1200px) {
.main-header .container-fluid .nav-link .gray-color,
.main-header .container-sm .nav-link .gray-color,
.main-header .container-md .nav-link .gray-color,
.main-header .container-lg .nav-link .gray-color,
.main-header .container-xl .nav-link .gray-color,
.main-header .container-xxl .nav-link .gray-color {
color: var(--dark)
}
}
.main-header .container-fluid .nav-link span,
.main-header .container-sm .nav-link span,
.main-header .container-md .nav-link span,
.main-header .container-lg .nav-link span,
.main-header .container-xl .nav-link span,
.main-header .container-xxl .nav-link span {
font-family: "poppinssemibold"
}
.main-header .header-left .mobile-toggle {
width: 30px;
height: auto;
display: none;
padding: 10px 0px;
margin-right: 30px
}
.main-header .header-left .mobile-toggle span {
height: 10px;
width: 30px;
position: relative;
display: block;
border-top: solid 2px #151515;
border-bottom: solid 2px #151515
}
@media screen and (max-width: 1024px) {
.main-header .header-left .mobile-toggle {
display: block
}
}
@media screen and (max-width: 768px) {
.main-header .header-left .mobile-toggle {
margin-right: 20px !important
}
}
.main-header .header-left .navbar-brand {
margin-left: 0px !important;
margin-right: 30px !important
}
.main-header .header-left .navbar-brand img {
max-width: 75px !important;
height: auto
}
@media screen and (max-width: 768px) {
.main-header .header-left .navbar-brand {
margin-right: 20px !important
}
.main-header .header-left .navbar-brand img {
width: 58px;
height: auto
}
}
@media screen and (max-width: 375px) {
.main-header .header-left .navbar-brand img {
width: 48px;
height: auto
}
}
@media screen and (max-width: 1200px) {
.main-header .header-left {
flex-direction: inherit !important
}
}
@media screen and (max-width: 768px) {
.main-header .dropdown.language {
margin: 0px 10px 0px 5px !important
}
}
@media screen and (max-width: 768px) {
.main-header .dropdown.language .dropdown-toggle {
padding: 0px !important
}
}
.main-header .dropdown .dropdown-toggle {
padding-right: 20px;
color: #151515;
border: 0 !important;
font-family: "poppinssemibold", sans-serif !important
}
.main-header .dropdown .dropdown-toggle::after {
content: "";
font-family: "Font Awesome 6 Free";
font-size: 14px;
font-weight: 900;
color: #151515;
transform: none;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
border: none;
line-height: 4px;
width: 10px;
margin-left: 5px
}
@media screen and (max-width: 768px) {
.main-header .dropdown .dropdown-toggle::after {
content: none
}
}
.main-header .dropdown .dropdown-toggle:focus {
outline: none;
border: none
}
@media screen and (max-width: 1400px) {
.main-header .dropdown .dropdown-toggle {
padding: 0px 18px;
padding-left: 0px
}
}
@media screen and (max-width: 1199px) {
.main-header .dropdown .dropdown-toggle {
padding: 0px 13px;
padding-left: 5px
}
}
@media screen and (max-width: 768px) {
.main-header .dropdown .dropdown-toggle {
padding: 0px 10px;
padding-left: 0px
}
}
.main-header .dropdown .dropdown-menu {
top: 60px;
right: 0 !important;
left: auto !important;
padding: 0px;
box-shadow: 0px 8px 10px rgba(0, 0, 0, .062745098);
z-index: 4;
border: none;
max-height: 300px;
overflow: auto;
border-radius: 0px 0px 4px 4px !important;
margin-top: 10px;
display: block;
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out
}
.main-header .dropdown .dropdown-menu.show {
visibility: visible;
opacity: 1;
margin-top: 0px
}
.main-header .dropdown .dropdown-menu .dropdown-item {
display: flex;
align-items: center;
white-space: nowrap;
font-size: 13px;
color: #151515;
font-family: "poppinsregular", sans-serif;
cursor: pointer;
border-bottom: solid 1px #eee;
line-height: 1;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
padding: 8px 10px;
position: relative
}
.main-header .dropdown .dropdown-menu .dropdown-item a {
width: 100%;
display: flex;
align-items: center;
white-space: nowrap;
font-size: 13px;
color: #151515;
font-family: "poppinsregular", sans-serif;
padding: 0px;
cursor: pointer;
line-height: 1
}
.main-header .dropdown .dropdown-menu .active::after {
content: "";
position: absolute;
right: 10px;
top: 5px;
font-family: "font awesome 6 free";
font-size: 10px;
color: #ffb100 !important;
transform: none;
border: none;
height: 20px;
width: 20px;
background: #fff;
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width: 768px) {
.main-header .dropdown .dropdown-menu {
top: 45px;
z-index: 9
}
}
@media screen and (max-width: 768px) {
.main-header .dropdown.show .dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0px
}
}
.main-header .dropdown.country .dropdown-menu .dropdown-item {
padding: 0px !important
}
.main-header .dropdown.country .dropdown-menu a {
padding: 8px 10px
}
.main-header .header-right ul {
padding-left: 0
}
.main-header .header-right .nav-item {
padding: 20px 0px;
position: relative;
margin-right: 40px
}
@media screen and (max-width: 1400px) {
.main-header .header-right .nav-item {
margin-right: 20px
}
}
@media screen and (max-width: 1200px) {
.main-header .header-right .nav-item {
margin-right: 10px
}
}
@media screen and (max-width: 768px) {
.main-header .header-right .nav-item {
padding: 10px 0px;
margin-right: 0px
}
}
@media screen and (max-width: 1200px) {
.main-header .header-right .nav-item.header-cart {
padding-left: 5px !important
}
}
@media screen and (max-width: 768px) {
.main-header .header-right .nav-item.header-cart {
padding-left: 0px !important
}
}
.main-header .header-right .delivery-sprite,
.main-header .header-right .language-sprite,
.main-header .header-right .cart-sprite,
.main-header .header-right .account-sprite {
height: 30px;
width: 30px;
display: block;
background-position-y: 0px;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp")
}
@media screen and (max-width: 1400px) {
.main-header .header-right .delivery-sprite,
.main-header .header-right .language-sprite,
.main-header .header-right .cart-sprite,
.main-header .header-right .account-sprite {
height: 25px;
width: 25px;
background-size: 585px auto;
background-position-y: 1px
}
}
.main-header .header-right .delivery-sprite {
background-position-x: -70px
}
@media screen and (max-width: 1400px) {
.main-header .header-right .delivery-sprite {
background-position-x: -47px
}
}
.main-header .header-right .language-sprite {
background-position-x: -105px
}
@media screen and (max-width: 1400px) {
.main-header .header-right .language-sprite {
background-position-x: -71px
}
}
.main-header .header-right .account-sprite {
margin-right: 10px;
background-position-x: -135px
}
@media screen and (max-width: 1400px) {
.main-header .header-right .account-sprite {
background-position-x: -96px
}
}
@media screen and (max-width: 1200px) {
.main-header .header-right .account-sprite {
margin-right: 0px
}
}
.main-header .header-right .cart-sprite {
background-position-y: -2px;
background-position-x: -175px
}
@media screen and (max-width: 1400px) {
.main-header .header-right .cart-sprite {
background-position-y: -2px;
background-position-x: -145px;
background-size: 677px
}
}
.main-header .header-right .download-app {
display: flex;
align-items: center;
margin-right: 40px;
position: relative
}
@media screen and (max-width: 1400px) {
.main-header .header-right .download-app {
margin-right: 20px
}
}
@media screen and (max-width: 820px) {
.main-header .header-right .download-app {
display: none
}
}
.main-header .header-right .download-app:hover .dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0px
}
.main-header .header-right .download-app .btn {
color: #fff;
background: #151515;
padding: 8px 15px !important;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 5px
}
.main-header .header-right .download-app .btn::after {
content: ""
}
.main-header .header-right .download-app .btn i {
font-size: 16px
}
.main-header .header-right .download-app .btn span {
margin-left: 5px
}
.main-header .header-right .download-app .dropdown-menu {
max-height: inherit !important;
width: 400px !important;
margin: 10px auto 0px;
text-align: center;
right: 0 !important;
left: 50% !important;
position: absolute;
top: 50px;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out
}
.main-header .header-right .download-app .dropdown-menu.show {
visibility: visible;
opacity: 1;
margin-top: 0px
}
.main-header .header-right .download-app .dropdown-menu .card {
border-radius: 4px;
background: #fff;
display: flex;
flex-direction: column;
gap: 16px
}
.main-header .header-right .download-app .dropdown-menu .card .card-header {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
line-height: 1.6
}
.main-header .header-right .download-app .dropdown-menu .card .card-footer .offers-text {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #fbb100;
display: block;
width: calc(100% - 100px);
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin: 0 auto 10px
}
.main-header .header-right .download-app .dropdown-menu .card .card-footer p {
font-size: 12px;
font-family: "poppinsmedium", sans-serif;
color: #666;
line-height: 1.6;
margin: 0
}
.main-header .header-right .download-app .dropdown-menu .card .card-footer p a {
font-weight: unset !important;
font-family: "poppinsmedium", sans-serif !important
}
.main-header .header-right .account .welcome-msg {
font-family: "poppinsbold", sans-serif;
font-size: 14px;
border-bottom: 1px solid #eee;
padding: 0 0px 9px;
padding: 9px 20px 9px 10px;
color: #151515
}
.main-header .header-right .account .login-user-img {
margin-right: 10px
}
@media screen and (max-width: 768px) {
.main-header .header-right .account .login-user-img {
margin-right: 0px
}
}
.main-header .header-right .account:hover .dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0px
}
.main-header .header-right .account .dropdown-menu {
width: 180px !important
}
.main-header .header-right .account .dropdown-menu .dropdown-item {
padding: 0px !important
}
.main-header .header-right .account .dropdown-menu .dropdown-item a {
padding: 8px 10px !important;
padding-left: 30px !important;
white-space: normal;
line-height: 18px;
width: 100%
}
.main-header .header-right .account .dropdown-menu .dropdown-item a img {
margin-right: 5px
}
.main-header .header-right .account .dropdown-menu .dropdown-item span {
min-width: 20px;
width: 20px;
position: absolute;
left: 5px;
height: 20px;
min-height: 20px;
display: block;
margin-right: 5px;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp");
background-position-Y: -232px;
background-size: auto auto !important
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.signin-sprite {
background-position-X: 0px
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.createaccount-sprite {
background-position-X: -25px !important
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.orders-sprite {
background-position-X: -50px
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.track-sprite {
background-position-X: -75px
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.wishlist-sprite {
background-position-X: -100px
}
.main-header .header-right .account .dropdown-menu .dropdown-item span.myaccount-sprite {
background-position-X: -125px !important
}
.main-header .header-right .header-cart span.cart_count {
position: absolute;
top: 10px;
background: #151515 !important;
color: #fff;
border-radius: 15px;
right: -10px;
font-size: 10px;
padding: 2px;
text-align: center;
display: inline-block;
line-height: 18px;
height: 20px;
width: 20px
}
.main-header .header-right .header-cart span.cart_count.active {
background: red !important
}
@media screen and (max-width: 768px) {
.main-header .header-right .header-cart span.cart_count {
height: 18px;
width: 18px;
right: -7px;
top: 6px;
line-height: 14px
}
}
@media screen and (max-width: 767px) {
.main-header .header-right .header-cart span.cart_count {
margin-right: 10px !important
}
}
@media screen and (max-width: 767px) {
.main-header .header-right .header-cart {
padding-right: 10px !important
}
}
.main-header .header-right .global-search-options {
cursor: pointer
}
.main-header .header-right .global-search-options .dropdown-toggle img.country-flag {
margin-right: 5px !important;
width: 20px
}
.main-header .header-right .global-search-options .dropdown-toggle .label {
margin-right: 7px
}
.main-header .header-right .global-search-options .drop-div {
background: #fff;
position: absolute;
margin-top: 10px;
display: none;
top: 70px;
width: 230px;
box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
transition: all .3s ease-in-out;
z-index: 9
}
.main-header .header-right .global-search-options .drop-div.show {
margin-top: 0px;
display: block
}
@media screen and (max-width: 1400px) {
.main-header .header-right .global-search-options .drop-div {
top: 68px
}
}
@media screen and (max-width: 1200px) {
.main-header .header-right .global-search-options .drop-div {
top: 65px
}
}
@media screen and (max-width: 768px) {
.main-header .header-right .global-search-options .drop-div {
top: 45px
}
}
.main-header .header-right .global-search-options .drop-div .dropdown-content {
padding: 10px 10px 20px 10px;
border-radius: 0px 0px 4px 4px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content label {
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
margin: 5px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .form-select {
width: 100%;
display: flex;
white-space: nowrap;
align-items: center;
border-radius: 5px !important;
height: 100%;
cursor: pointer;
appearance: none !important;
position: relative;
box-shadow: none;
color: #151515
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .form-select .dropdown-toggle {
font-size: 12px !important;
font-family: "poppinsregular", sans-serif !important;
text-align: left;
width: 100%;
padding: 5px !important;
display: flex;
align-items: center;
justify-content: space-between;
color: #999;
border: 1px solid #eee !important;
border-radius: 5px;
background: none !important
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .form-select .dropdown-toggle::after {
content: "";
font-family: "font awesome 6 free";
font-size: 14px;
color: #999 !important;
transform: none;
border: none;
margin-right: 10px;
line-height: 8px !important;
width: 10px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .actions button {
text-align: center;
margin: 10px 3px 0px 3px;
font-size: 12px;
background: #ffb100;
color: #fff;
padding: 6px 15px;
border-radius: 5px;
border: none
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .actions button.cancel {
background: #151515
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options {
width: 100%;
background-color: #fff !important;
top: 40px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options .search,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options .search {
padding: 8px;
background-color: #fff !important
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options .search em,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options .search em {
font-size: 12px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options .search input,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options .search input {
border: none;
width: 100%;
padding: 0px 5px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options .search input:focus,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options .search input:focus {
outline: none;
border: none
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options.show,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options.show {
top: 30px
}
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options:hover,
.main-header .header-right .global-search-options .drop-div .dropdown-content .country-options:focus,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options:hover,
.main-header .header-right .global-search-options .drop-div .dropdown-content .language-options:focus {
background-color: #fff !important
}
@media(max-width: 768px) {
.main-header .header-right .nav-item.dropdown .nav-link img {
margin-right: 4px
}
}
.header-center {
padding: 0 3%;
width: 100%
}
@media screen and (max-width: 768px) {
.header-center {
position: absolute;
z-index: 9;
width: calc(100% + 30px);
left: -15px;
background-color: #f7f7f9;
padding: 5px 15px !important;
top: 45px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, .07)
}
}
.header-center .header-search-bar {
display: flex;
align-items: center;
background: #f7f7f9;
border-radius: 100px;
padding: 5px;
border: 1px solid #ccc
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar {
background: #fff
}
}
.header-center .header-search-bar form {
position: relative;
margin: 0px;
display: flex;
align-items: center;
border-radius: 20px
}
.header-center .header-search-bar form input[type=text] {
border-radius: 0
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form input[type=text] {
border-radius: 20px 0px 0px 20px
}
}
.header-center .header-search-bar form .dropdown {
margin-right: 15px
}
.header-center .header-search-bar form .dropdown .dropdown-toggle {
border: none;
padding: 6px 20px 6px 15px;
background: none;
text-transform: uppercase;
font-size: 14px;
font-family: "poppinssemibold", sans-serif !important
}
.header-center .header-search-bar form .dropdown .dropdown-toggle::after {
top: 15px
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form .dropdown .dropdown-toggle::after {
content: ""
}
}
.header-center .header-search-bar form .dropdown .dropdown-menu {
top: 115% !important;
left: 0px !important;
right: auto !important
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form .dropdown .dropdown-menu {
left: auto !important;
right: 0px !important
}
}
.header-center .header-search-bar form .store-flag {
width: 27px;
height: 17px;
float: left;
margin-right: 8px
}
.header-center .header-search-bar form .store-title {
font-size: 13px !important;
font-family: "poppinsregular", sans-serif;
color: #151515
}
.header-center .header-search-bar form .form-control {
background: #f7f7f9;
border: none;
border-left: 1px solid #e9e9ed;
border-right: 1px solid #e9e9ed;
border-radius: 0px;
font-size: 14px;
font-family: "poppinsregular"
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form .form-control {
background: #fff;
border-left: none;
border-radius: 40px 0px 0px 40px
}
}
.header-center .header-search-bar form .btn {
color: #999;
font-family: "poppinssemibold", sans-serif;
border: none
}
.header-center .header-search-bar form .btn:hover {
background-color: rgba(0, 0, 0, 0)
}
.header-center .header-search-bar form .header-search-icon {
padding: 0px;
min-height: 35px;
min-width: 35px;
border-radius: 100%;
background: #ffb100;
border: none
}
.header-center .header-search-bar form .header-search-icon i {
color: #fff;
font-size: 13px
}
.header-center .header-search-bar form .header-search-icon.active {
background: #ffb100
}
.header-center .header-search-bar form .header-search-icon.active i {
color: #151515
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form .select-category {
display: none
}
}
@media screen and (max-width: 768px) {
.header-center .header-search-bar form {
background-color: #fff
}
}
@media screen and (max-width: 1400px) {
.header-center {
padding: 0 3%
}
}
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
background-color: #e9e9e9 !important
}
.search-suggestions-box {
position: absolute;
background: #fff;
width: 100%;
padding: 10px;
left: 0;
top: 100%;
max-height: 300px;
border-radius: 0px 0px 10px 10px;
overflow: auto;
display: none;
text-align: left;
z-index: 3
}
.search-suggestions-box a {
display: inline-block;
padding: 7px;
font-family: "poppinssemibold", sans-serif;
border-bottom: solid 1px #ccc;
width: 100%
}
.search-suggestions-box a:last-child {
border-bottom: none
}
.search-suggestions-box a:hover {
color: #151515;
background: #f7f7f7
}
.search-suggestions-box .selected a {
color: #151515;
background: #f7f7f7
}
.showing-suggestions {
display: block
}
.suggestion-list {
position: absolute;
background: #fff;
width: 100%;
left: 0;
top: 42px;
z-index: 999
}
.suggestion-list ul.suggestion-item {
border: 1px solid #bbb;
padding-left: 0;
margin-bottom: 0
}
.suggestion-list ul.suggestion-item li {
padding: 7px 10px;
font-family: "poppinsregular", sans-serif;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.suggestion-list ul.suggestion-item li.active {
background-color: #e9e9e9 !important;
color: #151515 !important
}
.suggestion-layer {
width: 100%;
background: #fff
}
.suggestion-layer:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5647058824);
z-index: 8;
position: fixed;
top: 0
}
.wsmenucontainer {
width: 100%;
z-index: 999;
position: relative;
background: #fff
}
body.dark-mode {
background-color: #151515
}
body.dark-mode .main-header {
box-shadow: 0px 2px 14px rgba(0, 0, 0, .31);
border: none
}
body.dark-mode .main-header .wsmenucontainer {
background-color: #151515
}
body.dark-mode .main-header .store-flag span {
border-color: #3f3f3f
}
body.dark-mode .main-header .country-flag {
border-color: #3f3f3f
}
body.dark-mode .main-header .country-flag span {
border-color: #3f3f3f
}
body.dark-mode .main-header .dropdown .dropdown-menu {
background-color: #262626
}
body.dark-mode .main-header .dropdown .dropdown-menu .active::after {
background-color: #3f3f3f
}
body.dark-mode .main-header .dropdown .dropdown-menu .dropdown-item {
color: #fff;
border-color: #666
}
body.dark-mode .main-header .dropdown .dropdown-menu .dropdown-item:hover {
background-color: #151515
}
body.dark-mode .main-header .menu-content {
border: 1px solid #666
}
body.dark-mode .main-header .menu-content ul.main-category {
background-color: #262626
}
body.dark-mode .main-header .menu-content ul.main-category>li {
border-color: #666
}
body.dark-mode .main-header .menu-content ul.main-category>li>a {
color: #fff
}
body.dark-mode .main-header .menu-content ul.main-category>li>a i::before {
color: #fff
}
body.dark-mode .main-header .menu-content .submenu {
background-color: #262626
}
body.dark-mode .main-header .menu-content .submenu li {
border-color: #666
}
body.dark-mode .main-header .menu-content .submenu li a {
color: #fff
}
body.dark-mode .main-header .menu-wraper {
color: #fff
}
body.dark-mode .main-header .header-left .mobilemenu-wraper .mobile-menu-toggle {
border-color: #fff !important
}
body.dark-mode .main-header .header-left aside#mega-menu--mobile .mega__container {
background-color: #151515
}
body.dark-mode .main-header .header-left aside#mega-menu--mobile .mega__container .mega__header {
background-color: #151515;
color: #fff
}
body.dark-mode .main-header .header-left aside#mega-menu--mobile .mega__container .mobile-mega-menu a {
color: #fff
}
body.dark-mode .main-header .header-left aside#mega-menu--mobile .mega__container .mobile-mega-menu a i::before {
color: #fff
}
body.dark-mode .main-header .header-left aside#mega-menu--mobile .mega__container .mobile-mega-menu .fa-chevron-right {
color: #999
}
body.dark-mode .main-header .header-center {
background-color: #151515
}
body.dark-mode .main-header .header-center .header-search-bar {
background-color: #262626;
border: none
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu {
background-color: #262626
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu li.dropdown-item,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu li.dropdown-item {
color: #fff;
border-color: #666 !important
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu li.dropdown-item a,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu li.dropdown-item a {
color: #fff
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu li.dropdown-item span div,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu li.dropdown-item span div {
color: #fff
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu li.dropdown-item span div span,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu li.dropdown-item span div span {
color: #fff
}
body.dark-mode .main-header .header-center .header-search-bar .select-category.dropdown .dropdown-menu li.dropdown-item:hover,
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown .dropdown-menu li.dropdown-item:hover {
background-color: #151515
}
body.dark-mode .main-header .header-center .header-search-bar .select-store.dropdown li.dropdown-item.active {
background-color: #151515 !important
}
body.dark-mode .main-header .header-center .header-search-bar form {
background: rgba(0, 0, 0, 0)
}
body.dark-mode .main-header .header-center .header-search-bar form .dropdown .dropdown-toggle {
color: #fff
}
body.dark-mode .main-header .header-center .header-search-bar form .form-control {
background-color: #262626;
color: #fff;
border-color: #666
}
body.dark-mode .main-header .header-right .nav-item .language-sprite,
body.dark-mode .main-header .header-right .nav-item span {
color: #fff !important
}
body.dark-mode .main-header .header-right .download-app .btn {
background-color: #4e4e4e
}
body.dark-mode .main-header .header-right .download-app .dropdown-menu .card {
background-color: #262626
}
body.dark-mode .main-header .header-right .download-app .dropdown-menu .card .card-header {
color: #fff
}
body.dark-mode .main-header .header-right .download-app .dropdown-menu .card .card-footer p {
color: #fff !important
}
body.dark-mode .main-header .header-right .country .dropdown-menu .dropdown-item,
body.dark-mode .main-header .header-right .country .dropdown-menu .welcome-msg,
body.dark-mode .main-header .header-right .account .dropdown-menu .dropdown-item,
body.dark-mode .main-header .header-right .account .dropdown-menu .welcome-msg {
background-color: #262626;
border-color: #666;
color: #fff
}
body.dark-mode .main-header .header-right .country .dropdown-menu .dropdown-item a,
body.dark-mode .main-header .header-right .country .dropdown-menu .welcome-msg a,
body.dark-mode .main-header .header-right .account .dropdown-menu .dropdown-item a,
body.dark-mode .main-header .header-right .account .dropdown-menu .welcome-msg a {
color: #fff
}
body.dark-mode .main-header .header-right .country .dropdown-menu .dropdown-item:hover,
body.dark-mode .main-header .header-right .country .dropdown-menu .welcome-msg:hover,
body.dark-mode .main-header .header-right .account .dropdown-menu .dropdown-item:hover,
body.dark-mode .main-header .header-right .account .dropdown-menu .welcome-msg:hover {
background-color: #151515
}
body.dark-mode .main-header .header-right .country .dropdown-menu .dropdown-item .country-title,
body.dark-mode .main-header .header-right .country .dropdown-menu .welcome-msg .country-title,
body.dark-mode .main-header .header-right .account .dropdown-menu .dropdown-item .country-title,
body.dark-mode .main-header .header-right .account .dropdown-menu .welcome-msg .country-title {
color: #fff
}
body.dark-mode .main-header .header-right .header-cart span.cart_count {
background-color: #262626 !important
}
body.dark-mode .main-header .header-right .header-cart img {
filter: invert(1)
}
.ubuy_home_bar .hello_content,
.ubuy_home_bar .hellobar_content {
font-family: "poppinssemibold", sans-serif
}
.ubuy_home_bar .hello_content strong,
.ubuy_home_bar .hellobar_content strong {
font-family: "poppinsblack", sans-serif
}
.ubuy_home_bar .button {
font-family: "poppinssemibold", sans-serif;
white-space: nowrap;
min-width: unset !important
}
.main-header .header-left .navbar-brand {
padding: 10px 0;
margin-left: 0 !important;
margin-right: 90px !important
}
@media(max-width: 1400px) {
.main-header .header-left .navbar-brand {
margin-right: 55px !important
}
}
@media(max-width: 1200px) {
.main-header .header-left .navbar-brand {
margin-right: 40px !important
}
}
@media(max-width: 1024px) {
.main-header .header-left .navbar-brand {
margin-right: 30px !important
}
}
@media(max-width: 768px) {
.main-header .header-left .navbar-brand {
padding: 5px 0
}
}
.main-header .header-left .navbar-brand img {
max-width: 80px !important
}
@media(max-width: 1200px) {
.main-header .header-left .navbar-brand img {
max-width: 73px !important
}
}
@media(max-width: 1024px) {
.main-header .header-left .navbar-brand img {
max-width: 60px !important
}
}
.main-header .header-right .header-cart #user_cart_count {
font-family: "poppinssemibold" !important
}
.main-header .header-right .header-cart span.cart_count {
top: 12px !important;
right: -7px !important
}
@media(max-width: 1500px) {
.main-header .header-right .header-cart span.cart_count {
top: 12px !important;
right: -5px !important
}
}
@media(max-width: 768px) {
.main-header .header-right .header-cart span.cart_count {
top: 7px !important;
right: -6px !important;
margin-right: 5px !important;
line-height: 15px
}
}
@media(max-width: 768px) {
.main-header .header-right .header-cart {
padding-right: 5px !important
}
}
@media(max-width: 768px) {
.main-header .header-right .dropdown.country img {
margin-right: 3px !important
}
}
@media(max-width: 768px) {
.main-header .header-right .dropdown.language img {
margin-right: 0 !important
}
}
.main-header .container-fluid .nav-link span,
.main-header .container-sm .nav-link span,
.main-header .container-md .nav-link span,
.main-header .container-lg .nav-link span,
.main-header .container-xl .nav-link span,
.main-header .container-xxl .nav-link span {
font-size: 14px;
font-family: "poppinsregular", sans-serif !important;
margin: 0px !important
}
@media(max-width: 768px) {
.main-header .container-fluid .nav-link span,
.main-header .container-sm .nav-link span,
.main-header .container-md .nav-link span,
.main-header .container-lg .nav-link span,
.main-header .container-xl .nav-link span,
.main-header .container-xxl .nav-link span {
font-size: 12px
}
}
.main-header .container-fluid .nav-link .gray-color,
.main-header .container-sm .nav-link .gray-color,
.main-header .container-md .nav-link .gray-color,
.main-header .container-lg .nav-link .gray-color,
.main-header .container-xl .nav-link .gray-color,
.main-header .container-xxl .nav-link .gray-color {
color: #000 !important
}
.main-header .dropdown .dropdown-toggle::after {
font-size: 12px;
color: #000 !important;
height: 3px;
line-height: 3px
}
.main-header #search-form-sm .dropdown .dropdown-toggle::after {
font-size: 10px !important;
top: 14px
}
.header-center .header-search-bar {
padding: 7px;
border: 1px solid #e5e5e5
}
@media(max-width: 1200px) {
.header-center .header-search-bar {
padding: 6px
}
}
@media(max-width: 768px) {
.header-center .header-search-bar {
padding: 5px
}
}
.header-center .header-search-bar form .dropdown .dropdown-toggle {
font-size: 13px;
font-family: "Open Sans", sans-serif !important;
font-weight: 600;
text-transform: unset
}
.header-center .header-search-bar form .dropdown .dropdown-toggle span {
text-transform: uppercase;
font-size: 12px;
line-height: 21px;
font-family: "poppinssemibold", sans-serif
}
.header-center .header-search-bar form .form-control {
font-size: 13px
}
header.main-header .menu-wraper .explore-btn {
font-family: "poppinsregular", sans-serif !important;
font-size: 14px;
color: #151515
}
header.main-header .menu-wraper .explore-btn:after {
font-size: 12px;
color: #000 !important;
height: 4px;
line-height: 3px
}
.custom-header .Boldd {
font-family: "poppinsmedium", sans-serif !important;
font-size: 14px
}
.conatiner-head-custom .left {
font-family: "poppinsmedium", sans-serif !important;
font-size: 14px
}
.custom-btn {
font-family: "poppinssemibold", sans-serif !important;
font-size: 13px !important;
color: #fff;
background: #151515;
padding: 8px 15px !important;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 5px;
max-width: unset !important
}
@media(max-width: 1200px) {
.mobile-menu-toggle {
height: 8.5px !important;
width: 23px !important;
border-top: solid 2px #151515 !important;
border-bottom: solid 2px #151515 !important;
position: relative;
bottom: 3px !important
}
.mobile-menu-toggle::after {
content: "";
position: absolute;
width: 15px;
border-bottom: solid 2px #151515;
top: 12px
}
}
@media(max-width: 1200px) {
.header-account.account .dropdown-toggle img {
margin-right: 0 !important
}
}
@media(max-width: 768px) {
.header-account.account .dropdown-toggle img {
margin-right: 0x !important
}
}
.country-flag {
margin: 0px 5px;
border: solid 1px #e9e9e9
}
a {
text-decoration: none
}
.dropdown-item.active,
.dropdown-item:active {
color: inherit !important
}
.btn {
padding: 5px 15px !important;
border-radius: 5px;
font-size: 14px !important;
font-family: "poppinssemibold", sans-serif;
border: solid 1px rgba(0, 0, 0, .062745098) !important;
white-space: nowrap
}
@media screen and (max-width: 768px) {
.btn {
font-size: 12px !important;
padding: 5px 10px !important;
font-family: "poppinsmedium", sans-serif
}
}
.btn-primary {
background-color: #ffb100 !important;
color: #151515 !important
}
.btn-primary:hover {
background-color: #ffb100;
color: #151515 !important
}
.btn-dark {
background-color: #151515;
color: #fff
}
.btn-dark:hover {
background-color: #ffb100 !important;
color: #fff !important
}
.btn-default {
background-color: #f3f3f3;
color: #151515
}
.btn-default:hover {
background-color: #ffb100 !important;
color: #fff !important
}
@media screen and (min-width: 1400px) {
.container {
max-width: 1700px;
width: 100%;
padding: 0px 25px
}
}
@media screen and (max-width: 1400px) {
.container {
max-width: 100% !important;
width: 100%;
padding: 0px 25px
}
}
@media screen and (max-width: 768px) {
.container {
max-width: 100%;
width: 100%;
padding: 0px 15px
}
}
img.lazy {
max-width: auto !important;
width: auto !important;
max-height: auto !important
}
.title-border {
position: relative;
align-items: center
}
.title-border::before {
content: "";
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 1px;
background-color: #eeeeef;
z-index: -1;
margin: auto
}
.title-border .title {
font-size: 18px;
font-family: "poppinssemibold", sans-serif;
background: #f7f7f7;
margin-bottom: 0px;
text-transform: uppercase;
padding-right: 15px;
line-height: normal
}
@media screen and (max-width: 991px) {
.title-border .title {
font-size: 16px
}
}
@media screen and (max-width: 768px) {
.title-border .title {
font-size: 14px
}
}
.title-border a.view-more {
min-width: 30px;
min-height: 30px;
background: #ffb100;
display: flex;
border-radius: 100%;
align-items: center;
justify-content: center
}
.title-border a.view-more img {
max-width: 12px
}
@media screen and (max-width: 991px) {
.title-border a.view-more {
min-width: 25px;
min-height: 25px;
max-width: 25px;
max-height: 25px
}
}
.title-border a.view-more-btn {
padding: 5px 15px;
border-radius: 5px;
font-family: "poppinssemibold", sans-serif
}
@media screen and (max-width: 375px) {
.title-border a.view-more-btn {
padding: 4px 7px;
font-size: 12px
}
}
.store-flag {
display: inline-flex;
margin-right: 8px
}
.store-flag span {
width: 27px;
height: 17px;
border: solid 1px #e9e9e9;
display: block;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp")
}
.store-flag .us {
background-position: 0px -40px
}
.store-flag .uk {
background-position: -30px -40px
}
.store-flag .china,
.store-flag .ch {
background-position: -60px -40px
}
.store-flag .japan,
.store-flag .jp {
background-position: -90px -40px
}
.store-flag .hongkong,
.store-flag .hk {
background-position: -120px -40px
}
.store-flag .korea,
.store-flag .kr {
background-position: -150px -40px
}
.store-flag .india,
.store-flag .in {
background-position: -210px -40px
}
.store-flag .turkey,
.store-flag .tr {
background-position: -180px -40px
}
.store-flag .kuwait,
.store-flag .kw {
background-position: -240px -40px
}
.store-flag .germany,
.store-flag .de {
background-position: -270px -40px
}
.store-flag .eu {
background-position: -300px -40px
}
.popup-messages .messages {
background-color: #212121;
width: auto;
padding: 10px;
margin: 0 auto;
display: block;
position: fixed;
bottom: 30px;
z-index: 12;
left: 0;
right: 0;
max-width: 360px;
font-size: 14px;
color: #fff;
font-family: "poppinsregular", sans-serif
}
.popup-messages .messages ul {
margin: 0;
padding: 0
}
.popup-messages .messages i {
margin-right: 10px
}
.popup-messages .messages .success-msg i.fa-exclamation-circle {
color: #fff;
font-size: 16px
}
.popup-messages .messages .success-msg i.fa-check-circle {
color: #26bc4e;
font-size: 16px
}
.popup-messages .messages .success-msg a {
color: #ffb100 !important;
text-transform: capitalize
}
.popup-messages .messages .error-msg i {
color: #ff6161;
font-size: 20px
}
.country-flag {
margin-right: 10px;
border: solid 1px #e9e9e9
}
.country-flag span {
width: 25px;
height: 15px;
display: block !important;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp")
}
.country-flag .kuwait {
background-position: -90px -510px
}
.country-flag .qatar {
background-position: -210px -510px
}
.country-flag .saudi-arabia {
background-position: -240px -510px
}
.country-flag .uae {
background-position: -270px -510px
}
.country-flag .bahrain {
background-position: 0px -510px
}
.country-flag .egypt {
background-position: -30px -510px
}
.country-flag .oman {
background-position: -180px -510px
}
.country-flag .morocco {
background-position: -150px -510px
}
.country-flag .lebanon {
background-position: -120px -510px
}
.country-flag .jordan {
background-position: -60px -510px
}
.country-flag .south-africa {
background-position: -360px -560px
}
.country-flag .algeria {
background-position: 0px -535px
}
.country-flag .angola {
background-position: -30px -535px
}
.country-flag .cameroon {
background-position: -180px -535px
}
.country-flag .ethiopia {
background-position: -420px -535px
}
.country-flag .ghana {
background-position: -480px -535px
}
.country-flag .gabon {
background-position: -450px -535px !important
}
.country-flag .kenya {
background-position: -570px -535px
}
.country-flag .madagascar {
background-position: -690px -535px
}
.country-flag .mauritius {
background-position: 0px -560px
}
.country-flag .mozambique {
background-position: -30px -560px
}
.country-flag .nigeria {
background-position: -120px -560px
}
.country-flag .senegal {
background-position: -270px -560px
}
.country-flag .tanzania {
background-position: -420px -560px
}
.country-flag .tunisia {
background-position: -510px -560px
}
.country-flag .uganda {
background-position: -540px -560px
}
.country-flag .zambia {
background-position: -570px -560px
}
.country-flag .zimbabwe {
background-position: -600px -560px
}
.country-flag .burundi {
background-position: -150px -535px
}
.country-flag .seychelles {
background-position: -300px -560px
}
.country-flag .benin {
background-position: -60px -535px
}
.country-flag .central-african-republic {
background-position: -240px -535px
}
.country-flag .republic-of-the-congo {
background-position: -150px -560px !important
}
.country-flag .botswana {
background-position: -90px -535px
}
.country-flag .libya {
background-position: -660px -535px
}
.country-flag .rwanda {
background-position: -180px -560px
}
.country-flag .malawi {
background-position: -720px -535px
}
.country-flag .togo {
background-position: -480px -560px
}
.country-flag .the-gambia {
background-position: -450px -560px
}
.country-flag .burkina-faso {
background-position: -120px -535px
}
.country-flag .niger {
background-position: -90px -560px
}
.country-flag .nicaragua {
background-position: -660px -685px
}
.country-flag .new-zealand {
background-position: -210px -734px
}
.country-flag .netherlands {
background-position: -180px -660px
}
.country-flag .nepal {
background-position: -660px -585px
}
.country-flag .nauru {
background-position: -150px -734px
}
.country-flag .nato {
background-position: -855px -90px
}
.country-flag .namibia {
background-position: -60px -560px
}
.country-flag .myanmar {
background-position: -630px -585px
}
.country-flag .montserrat {
background-position: -630px -685px
}
.country-flag .montenegro {
background-position: -150px -660px
}
.country-flag .mongolia {
background-position: -600px -585px
}
.country-flag .monaco {
background-position: -120px -660px
}
.country-flag .moldova {
background-position: -90px -660px
}
.country-flag .micronesia {
background-position: -90px -710px
}
.country-flag .mexico {
background-position: -600px -685px
}
.country-flag .melilla {
background-position: -765px -45px
}
.country-flag .mauritania {
background-position: -780px -535px
}
.country-flag .martinique {
background-position: -570px -685px
}
.country-flag .marshall-island {
background-position: -630px -45px
}
.country-flag .malta {
background-position: -60px -660px
}
.country-flag .mali {
background-position: -750px -535px
}
.country-flag .maldives {
background-position: -570px -585px
}
.country-flag .malaysia {
background-position: -540px -585px
}
.country-flag .madeira {
background-position: -765px 0px
}
.country-flag .macao {
background-position: -510px -585px
}
.country-flag .luxembourg {
background-position: -30px -660px
}
.country-flag .lithuania {
background-position: 0px -660px
}
.country-flag .liechtenstein {
background-position: -780px -635px
}
.country-flag .liberia {
background-position: -450px 0px
}
.country-flag .liberia {
background-position: -405px -540px
}
.country-flag .latvia {
background-position: -750px -635px
}
.country-flag .laos {
background-position: -480px -585px
}
.country-flag .kyrgyzstan {
background-position: -450px -585px
}
.country-flag .kosovo {
background-position: -720px -635px
}
.country-flag .kiribati {
background-position: -120px -734px
}
.country-flag .kazakhstan {
background-position: -420px -585px
}
.country-flag .jersey {
background-position: -690px -635px
}
.country-flag .japan {
background-position: -390px -585px
}
.country-flag .jamaica {
background-position: -540px -685px
}
.country-flag .ivory-coast {
background-position: -225px -495px
}
.country-flag .italy {
background-position: -660px -635px
}
.country-flag .israel {
background-position: -135px -495px
}
.country-flag .isle-of-man {
background-position: -630px -635px
}
.country-flag .ireland {
background-position: -600px -635px
}
.country-flag .iraq {
background-position: -360px -585px
}
.country-flag .indonesia {
background-position: -330px -585px
}
.country-flag .iceland {
background-position: -570px -635px
}
.country-flag .hungary {
background-position: -540px -635px
}
.country-flag .hong-kong {
background-position: -270px -585px
}
.country-flag .honduras {
background-position: -510px -685px
}
.country-flag .hawaii {
background-position: -90px -450px
}
.country-flag .haiti {
background-position: -480px -685px
}
.country-flag .guyana {
background-position: -300px -760px
}
.country-flag .guinea {
background-position: -510px -535px
}
.country-flag .guinea-bissau {
background-position: -540px -535px
}
.country-flag .guernsey {
background-position: -510px -635px
}
.country-flag .guatemala {
background-position: -450px -685px
}
.country-flag .guam {
background-position: -597px -760px
}
.country-flag .grenada {
background-position: -390px -685px
}
.country-flag .greenland {
background-position: -360px -685px
}
.country-flag .greece {
background-position: -480px -635px
}
.country-flag .gibraltar {
background-position: -45px -405px
}
.country-flag .georgia {
background-position: -240px -585px
}
.country-flag .galapagos-islands {
background-position: -270px -360px
}
.country-flag .gabon {
background-position: -225px -360px
}
.country-flag .french-polynesia {
background-position: -90px -734px
}
.country-flag .france {
background-position: -420px -635px
}
.country-flag .germany {
background-position: -450px -635px
}
.country-flag .finland {
background-position: -390px -635px
}
.country-flag .fiji {
background-position: -60px -734px
}
.country-flag .faroe-islands {
background-position: -360px -635px
}
.country-flag .falkland-islands {
background-position: -240px -760px
}
.country-flag .european-union {
background-position: -360px -315px
}
.country-flag .estonia {
background-position: -330px -635px
}
.country-flag .eritrea {
background-position: -225px -315px
}
.country-flag .equatorial-guinea {
background-position: -390px -535px
}
.country-flag .england {
background-position: -135px -315px
}
.country-flag .el-salvador {
background-position: -330px -685px
}
.country-flag .ecuador {
background-position: -210px -760px
}
.country-flag .East-Timor {
background-position: -405px -270px
}
.country-flag .dominican-republic {
background-position: -300px -685px
}
.country-flag .dominica {
background-position: -270px -685px
}
.country-flag .djibouti {
background-position: -360px -535px
}
.country-flag .denmark {
background-position: -300px -635px
}
.country-flag .republic-of-the-congo {
background-position: -180px -270px
}
.country-flag .czech-republic {
background-position: -270px -635px
}
.country-flag .cyprus {
background-position: -240px -635px
}
.country-flag .curacao {
background-position: -180px -760px
}
.country-flag .cuba {
background-position: -270px -270px
}
.country-flag .croatia {
background-position: -210px -635px
}
.country-flag .costa-rica {
background-position: -240px -685px
}
.country-flag .cook-islands {
background-position: -30px -734px
}
.country-flag .comoros {
background-position: -300px -535px
}
.country-flag .colombia {
background-position: -150px -760px
}
.country-flag .cocos-island {
background-position: -135px -225px
}
.country-flag .china {
background-position: -210px -585px
}
.country-flag .chile {
background-position: -120px -760px
}
.country-flag .cote-divoire {
background-position: -330px -535px
}
.country-flag .chad {
background-position: -270px -535px
}
.country-flag .ceuta {
background-position: -360px -225px
}
.country-flag .cayman-islands {
background-position: -210px -685px
}
.country-flag .cape-verde {
background-position: -210px -535px !important
}
.country-flag .canary-islands {
background-position: -180px -180px
}
.country-flag .canada {
background-position: -180px -685px
}
.country-flag .muaratoto {
background-position: -180px -585px
}
.country-flag .bulgaria {
background-position: -180px -635px
}
.country-flag .brunei {
background-position: -150px -585px
}
.country-flag .british-virgin-islands {
background-position: -150px -685px
}
.country-flag .british-indian-ocean-territory {
background-position: -225px -135px
}
.country-flag .british-columbia {
background-position: -180px -135px
}
.country-flag .brazil {
background-position: -90px -760px
}
.country-flag .bosnia-and-herzegovina {
background-position: -150px -635px
}
.country-flag .bonaire {
background-position: 0px -135px
}
.country-flag .bolivia {
background-position: -60px -760px
}
.country-flag .bhutan {
background-position: -120px -585px
}
.country-flag .bermuda {
background-position: -120px -685px
}
.country-flag .belize {
background-position: -90px -685px
}
.country-flag .belgium {
background-position: -120px -635px
}
.country-flag .belarus {
background-position: -90px -635px
}
.country-flag .basque-country {
background-position: -90px -90px
}
.country-flag .barbados {
background-position: -60px -685px
}
.country-flag .bangladesh {
background-position: -90px -585px
}
.country-flag .balearic-islands {
background-position: -405px -45px
}
.country-flag .bahamas {
background-position: -315px -45px
}
.country-flag .azores-islands {
background-position: -270px -45px
}
.country-flag .azerbaijan {
background-position: -60px -585px
}
.country-flag .austria {
background-position: -60px -635px
}
.country-flag .australia {
background-position: 0px -734px
}
.country-flag .aruba {
background-position: -30px -760px
}
.country-flag .armenia {
background-position: -30px -585px
}
.country-flag .argentina {
background-position: 0px -760px
}
.country-flag .antigua-and-barbuda {
background-position: -30px -685px
}
.country-flag .anguilla {
background-position: 0px -685px
}
.country-flag .andorra {
background-position: -270px 0px
}
.country-flag .american-samoa {
background-position: -300px -735px
}
.country-flag .albania {
background-position: -30px -635px
}
.country-flag .aland-islands {
background-position: 0px -635px
}
.country-flag .afghanistan {
background-position: 0px -585px
}
.country-flag .abkhazia {
background-position: 0px 0px
}
.country-flag .lesotho {
background-position: -600px -535px
}
.country-flag .country-flag-image.saint-helena {
background-position: -45px -630px
}
.country-flag .réunion {
background-position: -210px -560px
}
.country-flag .saint-helena {
background-position: -240px -560px
}
.country-flag .cabo-verde {
background-position: -210px -535px
}
.country-flag .sierra-leone {
background-position: -330px -560px
}
.country-flag .são-tomé-and-príncipe {
background-position: -390px -560px
}
.country-flag .india {
background-position: -300px -585px
}
.country-flag .philippines {
background-position: -750px -585px
}
.country-flag .singapore {
background-position: -780px -585px
}
.country-flag .south-korea {
background-position: 0px -610px
}
.country-flag .taiwan {
background-position: -60px -610px
}
.country-flag .thailand {
background-position: -120px -610px
}
.country-flag .vietnam {
background-position: -240px -610px
}
.country-flag .eu {
background-position: -270px -610px
}
.country-flag .pakistan {
background-position: -690px -585px
}
.country-flag .sri-lanka {
background-position: -30px -610px
}
.country-flag .uzbekistan {
background-position: -210px -610px
}
.country-flag .palestine {
background-position: -720px -585px
}
.country-flag .turkmenistan {
background-position: -180px -610px
}
.country-flag .tajikistan {
background-position: -90px -610px
}
.country-flag .timor-leste {
background-position: -150px -610px
}
.country-flag .norway {
background-position: -240px -660px
}
.country-flag .poland {
background-position: -270px -660px
}
.country-flag .portugal {
background-position: -300px -660px
}
.country-flag .spain {
background-position: -510px -660px
}
.country-flag .switzerland {
background-position: -570px -660px
}
.country-flag .ukraine {
background-position: -660px -660px
}
.country-flag .uk {
background-position: -630px -660px
}
.country-flag .russia {
background-position: -360px -660px
}
.country-flag .romania {
background-position: -330px -660px
}
.country-flag .slovakia {
background-position: -450px -660px
}
.country-flag .sweden {
background-position: -540px -660px
}
.country-flag .north-macedonia {
background-position: -360px -585px
}
.country-flag .slovenia {
background-position: -480px -660px
}
.country-flag .serbia {
background-position: -420px -660px
}
.country-flag .lativa {
background-position: -90px -720px
}
.country-flag .san-marino {
background-position: -390px -660px
}
.country-flag .sao-principe {
background-position: -390px -560px
}
.country-flag .usa {
background-position: -60px -710px
}
.country-flag .panama {
background-position: -690px -685px
}
.country-flag .puerto-rico {
background-position: -120px -710px
}
.country-flag .the-bahamas {
background-position: 0px -710px
}
.country-flag .saint-kitts-and-nevis {
background-position: -720px -685px
}
.country-flag .guadeloupe {
background-position: -420px -685px
}
.country-flag .saint-lucia {
background-position: -750px -685px
}
.country-flag .sint-maarten {
background-position: -780px -685px
}
.country-flag .turks-and-caicos {
background-position: -30px -710px
}
.country-flag .solomon-islands {
background-position: -330px -734px
}
.country-flag .vanuatu {
background-position: -420px -734px
}
.country-flag .samoa {
background-position: -300px -734px
}
.country-flag .tonga {
background-position: -360px -734px
}
.country-flag .palau {
background-position: -270px -734px
}
.country-flag .niue {
background-position: -240px -734px
}
.country-flag .tuvalu {
background-position: -390px -734px
}
.country-flag .new-caledonia {
background-position: -180px -734px
}
.country-flag .wallis-and-futuna-islands {
background-position: -450px -734px
}
.country-flag .peru {
background-position: -360px -760px
}
.country-flag .paraguay {
background-position: -330px -760px
}
.country-flag .venezuela {
background-position: -541px -760px
}
.country-flag .uruguay {
background-position: -510px -760px
}
.country-flag .saint-vincent {
background-position: -420px -760px
}
.country-flag .french-guiana {
background-position: -270px -760px
}
.country-flag .suriname {
background-position: -450px -760px
}
.country-flag .sudan {
background-position: -720px -585px
}
.country-flag .trinidad-and-tobago {
background-position: -480px -760px
}
.country-flag .saint-pierre-and-miquelon {
background-position: -390px -760px
}
.country-flag .falkand-islands {
background-position: -90px -585px
}
.country-flag .liberia {
background-position: -630px -535px
}
.country-flag .turkey {
background-position: -600px -660px
}
.country-flag .view-all-countries {
background-position: -570px -760px
}
.custom-radio {
position: relative
}
.custom-radio input[type=radio] {
position: absolute;
opacity: 0;
height: 20px;
width: 20px
}
.custom-radio input[type=radio]+label {
cursor: pointer;
position: relative;
padding: 0;
padding-left: 28px;
vertical-align: middle;
font-family: "poppinsmedium", sans-serif;
color: #666;
font-size: 14px;
word-break: break-word
}
.custom-radio input[type=radio]+label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 10px;
position: absolute;
left: 0;
top: 0
}
.custom-radio input[type=radio]:checked+label:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #ffb100;
border-radius: 10px;
position: absolute;
left: 0;
margin: 6px;
top: 0px
}
.custom-checkbox {
position: relative
}
.custom-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
height: 20px;
width: 20px
}
.custom-checkbox input[type=checkbox]+label {
cursor: pointer;
position: relative;
padding: 0;
padding-left: 28px;
vertical-align: middle;
font-family: "poppinsmedium", sans-serif;
color: #666;
font-size: 14px;
word-break: break-word
}
.custom-checkbox input[type=checkbox]+label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 2px;
position: absolute;
left: 0
}
.custom-checkbox input[type=checkbox]:checked+label:after {
content: "";
font-family: "font awesome 6 free";
font-size: 12px;
width: 20px;
height: 20px;
color: #ffb100;
border-radius: 10px;
position: absolute;
left: 0;
top: 0;
margin: 5px !important
}
.customer-feedback .close {
height: 30px;
border: none;
width: 30px;
background: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px
}
.customer-feedback .modal-title {
font-size: 21px;
color: #151515;
font-family: "poppinsbold", sans-serif
}
.customer-feedback .main-heading {
font-size: 25px;
color: #ffb100;
font-family: "poppinsbold", sans-serif;
line-height: 35px
}
.customer-feedback .question-section {
position: relative
}
.customer-feedback .question-section .question {
position: relative;
padding-left: 20px;
font-family: "poppinssemibold", sans-serif;
font-size: 15px
}
.customer-feedback .question-section .question span {
position: absolute;
left: 0px
}
.customer-feedback .submit-button {
height: 43px;
width: 139px;
background-color: #000;
color: #fff;
border: none
}
.customer-feedback li {
margin: 5px;
padding: 10px;
width: 100%
}
.customer-feedback .modal-body {
height: 500px;
overflow: auto;
padding: 20px 40px
}
.customer-feedback #draggableRuler {
width: 100%;
margin-top: 10px;
position: relative
}
.customer-feedback #feedbackrange {
width: 100%;
background: orange
}
.customer-feedback #feedbackrange {
width: 100%;
appearance: none;
height: 7px;
background: linear-gradient(to right, orange 0%, orange 100%);
outline: none;
border-radius: 20px
}
.customer-feedback #feedbackrange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
border-radius: 20px;
height: 20px;
background: orange;
cursor: pointer
}
.customer-feedback .emoji {
text-align: center
}
.customer-feedback .emoji img {
height: 47px;
margin: 0px;
margin-bottom: 5px
}
.customer-feedback .emoji img.default {
filter: grayscale(1)
}
.customer-feedback .emoji img.active {
display: none
}
.customer-feedback .emoji.selected .active {
display: inline-block !important
}
.customer-feedback .emoji.selected .default {
display: none !important
}
.customer-feedback .comment textarea {
background-color: #fafafa;
width: 100%;
padding: 10px 10px 25px 10px;
border: 2px solid #e9e9e9;
margin-top: 10px;
font-size: 14px;
outline: none
}
.page-loader {
position: fixed;
height: 100vh;
width: 100%;
display: none;
z-index: 9999;
background: hsla(0, 0%, 100%, .6) !important;
left: 0px;
min-width: 100%;
align-items: center;
justify-content: center
}
.page-loader.loading {
display: flex
}
.page-loader .spinner i {
font-size: 30px;
color: #ffb100;
position: relative;
z-index: 10;
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
.content-loader {
height: auto;
width: 100%;
display: none;
align-items: center;
justify-content: center;
padding: 10px
}
.content-loader.loading {
display: flex
}
.content-loader .spinner i {
font-size: 15px;
color: #151515;
position: relative;
z-index: 10;
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
body.dark-mode .country-change-popup .modal-body {
background-color: #262626
}
body.dark-mode .country-change-popup .modal-body .dialog-close {
background-color: #262626;
border: 1px solid #464646
}
body.dark-mode .country-change-popup .modal-body .dialog-close em {
color: #fff !important
}
body.dark-mode .country-change-popup .modal-body .content-sec {
color: #d7d7d7
}
body.dark-mode .country-change-popup .modal-body .content-sec span {
color: #fff
}
body.dark-mode .recent-purchased-card {
background-color: #262626
}
body.dark-mode .recent-purchased-card .product-img {
border-color: #3f3f3f !important
}
body.dark-mode .recent-purchased-card .product-detail h2 {
color: #fff
}
body.dark-mode .recent-purchased-card .product-detail .small-title,
body.dark-mode .recent-purchased-card .product-detail .check-now-btn {
color: #fff
}
body.dark-mode .recent-purchased-card .product-detail .small-title .store,
body.dark-mode .recent-purchased-card .product-detail .check-now-btn .store {
color: #d7d7d7
}
.product-card {
background: #fff;
border-radius: 15px;
padding: 20px;
position: relative
}
@media screen and (max-width: 1200px) {
.product-card {
padding: 15px
}
}
@media screen and (max-width: 576px) {
.product-card {
padding: 8px
}
}
.product-card .product-image {
width: auto;
text-align: center;
height: 200px;
max-width: 200px;
margin: 35px auto 10px;
overflow: hidden;
display: flex;
align-items: center
}
@media screen and (max-width: 1400px) {
.product-card .product-image {
height: 130px;
max-width: 130px
}
}
@media screen and (max-width: 576px) {
.product-card .product-image {
height: 90px;
max-width: 90px;
margin: 30px auto 20px
}
}
.product-card .product-image img {
height: auto;
width: auto;
margin: 0px auto;
max-width: 100%;
max-height: 100%
}
.product-card .rating-wishlist {
top: 20px;
right: 20px;
position: absolute;
z-index: 1;
display: flex;
align-items: center
}
@media screen and (max-width: 1200px) {
.product-card .rating-wishlist {
right: 15px;
top: 15px
}
}
@media screen and (max-width: 576px) {
.product-card .rating-wishlist {
right: 7px;
top: 7px
}
}
.product-card .rating-wishlist span.product-rating {
color: #151515
}
.product-card .rating-wishlist span.product-rating i {
font-family: "Font Awesome 6 Free";
color: #ffb100;
margin-right: 7px
}
.product-card .rating-wishlist span.add-to-wishlist {
margin-left: 10px;
cursor: pointer;
text-decoration: none
}
.product-card .rating-wishlist span.add-to-wishlist i {
color: #fff;
display: block;
background: #e5e5e5;
border-radius: 100%;
width: 30px;
height: 30px;
display: flex !important;
justify-content: center;
align-items: center;
font-family: "poppinsblack";
font-size: 13px
}
@media screen and (max-width: 1200px) {
.product-card .rating-wishlist span.add-to-wishlist i {
width: 25px;
height: 25px;
font-size: 11px
}
}
.product-card .rating-wishlist span.add-to-wishlist:hover i {
background: #ffb7b7;
color: red
}
.product-card .rating-wishlist span.add-to-wishlist.active i {
background: #ffb7b7 !important;
color: red !important
}
@media screen and (max-width: 1024px) {
.product-card .rating-wishlist span.add-to-wishlist:hover i {
background: #e5e5e5 !important;
color: #fff !important
}
}
.product-card .product-store {
display: inline-flex
}
.product-card .product-store .brand_name>span {
color: #151515;
font-family: "poppinssemibold", sans-serif;
font-size: 11px
}
@media screen and (max-width: 575px) {
.product-card .product-store .brand_name>span {
overflow: hidden;
text-overflow: ellipsis;
width: 50px !important;
display: inline-block;
white-space: nowrap;
line-height: 1
}
}
.product-card .store-title {
font-size: 12px !important;
font-family: "poppinsmedium", sans-serif;
color: #666;
line-height: 15px
}
.product-card .custom-tooltip {
color: red !important
}
.product-card .product-title {
width: 85%;
font-size: 14px;
display: block;
display: -webkit-box;
height: 43px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #151515;
line-height: 22px;
margin-top: 8px;
margin-bottom: 8px;
font-family: "poppinsregular", sans-serif
}
@media screen and (max-width: 1400px) {
.product-card .product-title {
font-size: 13px;
line-height: 20px
}
}
@media screen and (max-width: 1200px) {
.product-card .product-title {
font-size: 12px;
line-height: 18px;
height: 34px
}
}
@media screen and (max-width: 768px) {
.product-card .product-title {
font-size: 12px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px
}
}
.product-card .ubuy-fulfilled {
cursor: pointer;
bottom: 20px;
right: 20px;
position: absolute;
width: 32px;
height: 18px;
display: block;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp");
background-position: 0px -283px
}
@media screen and (max-width: 1200px) {
.product-card .ubuy-fulfilled {
bottom: 15px;
right: 15px
}
}
@media screen and (max-width: 992px) {
.product-card .ubuy-fulfilled {
background-position: 0px -218px;
background-size: 624px;
width: 25px;
height: 15px
}
}
@media screen and (max-width: 576px) {
.product-card .ubuy-fulfilled {
width: 20px;
height: 12px;
background-position: 0px -160px;
background-size: 464px;
bottom: 35px;
right: 8px
}
}
.product-card .product-price {
min-height: 16px;
width: 85%;
color: #151515;
line-height: 1;
font-size: 16px;
display: flex;
align-items: center;
font-family: "poppinsbold", sans-serif
}
@media screen and (max-width: 992px) {
.product-card .product-price {
font-size: 12px
}
}
.product-card .product-price .product-old-price {
font-size: 13px;
font-family: "poppinsmedium", sans-serif;
color: #dc3545;
margin-left: 10px
}
@media screen and (max-width: 992px) {
.product-card .product-price .product-old-price {
font-size: 12px
}
}
.badges {
display: flex;
position: absolute;
left: 20px;
top: 20px
}
@media screen and (max-width: 1200px) {
.badges {
left: 15px;
top: 15px
}
}
@media screen and (max-width: 576px) {
.badges {
left: 8px;
top: 8px
}
}
.badges .badge {
position: relative;
left: 0px;
height: 25px;
width: 25px;
top: 0px;
background-repeat: no-repeat;
line-height: 1;
background-position-Y: -474px;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp")
}
@media screen and (max-width: 768px) {
.badges .badge {
background-size: 670px;
background-position-Y: -388px
}
}
.badges .best-seller-discount {
background: #f8ce6d !important;
padding: 3px 8px !important;
width: auto;
text-align: center;
line-height: 18px;
color: #151515;
border-radius: 5px;
font-size: 12px
}
.badges .new {
background-position-X: 0px
}
.badges .on-sale {
background-position-X: -30px
}
@media screen and (max-width: 768px) {
.badges .on-sale {
background-position-X: -23px
}
}
.badges .latest-deals {
background-position-X: -60px
}
@media screen and (max-width: 768px) {
.badges .latest-deals {
background-position-X: -48px
}
}
.badges .best-seller {
background-position-X: -90px
}
@media screen and (max-width: 768px) {
.badges .best-seller {
background-position-X: -72px
}
}
.badges .gift {
background-position-X: -119px
}
@media screen and (max-width: 768px) {
.badges .gift {
background-position-X: -95px
}
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: rgba(0, 0, 0, 0)
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
header .menu-wraper {
cursor: pointer;
position: relative
}
header .menu-wraper .explore-btn {
border: none;
background: none;
padding: 25px 20px 25px 0px;
font-family: "poppinssemibold";
position: relative;
display: flex;
align-items: center
}
header .menu-wraper .explore-btn:after {
content: "";
font-family: "Font Awesome 6 Free";
font-size: 14px;
color: #999 !important;
transform: none;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
border: none;
line-height: 3px;
width: 10px;
margin-left: 5px
}
header .menu-wraper:hover>.menu-content {
opacity: 1;
visibility: visible;
margin-top: 0
}
header .menu-content {
background: #eee;
opacity: 0;
border: 1px solid #eee;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
transition: .5s
}
@media screen and (max-width: 1366px) {
header .menu-content {
left: -120px
}
}
header .menu-content ul {
list-style: none;
padding: 0;
margin: 0;
overflow: auto;
height: 100%
}
header .menu-content ul::-webkit-scrollbar {
width: 3px
}
header .menu-content ul::-webkit-scrollbar-track {
background: #ccc
}
header .menu-content ul::-webkit-scrollbar-thumb {
background: #666
}
header .menu-content ul::-webkit-scrollbar-thumb:hover {
background: #666
}
header .menu-content ul li {
padding: 0;
margin: 0;
border-bottom: 1px solid #eee
}
header .menu-content ul li a {
width: 100%;
display: block;
text-decoration: none;
font-size: 12px;
color: #151515;
font-family: Poppins, sans-serif;
padding: 10px 0 10px 15px
}
header .menu-content ul li span {
width: 40px;
display: block;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 13px
}
header .menu-content ul li:last-child {
border-bottom: none
}
header .menu-content ul.main-category {
width: 265px;
background: #fff;
max-height: 75vh;
overflow: auto
}
header .menu-content ul.main-category>ul {
max-height: 75vh;
overflow: auto
}
header .menu-content ul.main-category>li>a {
font-family: "poppinssemibold";
position: relative;
padding-left: 35px
}
header .menu-content ul.main-category>li>a i {
color: #151515;
transition: .5s
}
header .menu-content ul.main-category>li>a>i {
min-width: 15px;
text-align: center;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%)
}
header .menu-content ul.main-category>li:hover,
header .menu-content ul.main-category>li.active {
background: #ffb100
}
header .menu-content ul.main-category>li:hover>a,
header .menu-content ul.main-category>li.active>a {
color: #151515
}
header .menu-content ul.main-category>li:hover>a i,
header .menu-content ul.main-category>li.active>a i {
color: #151515
}
@media screen and (max-width: 1366px) {
header .menu-content ul.main-category {
width: 245px
}
}
header .menu-content ul.main-category.brands>li>a {
font-family: "poppinssemibold";
position: relative;
padding-left: 10px !important
}
header .menu-content ul.main-category.brands>li:hover,
header .menu-content ul.main-category.brands>li.active {
background: #ffb100
}
header .menu-content ul.main-category.brands>li:hover>a,
header .menu-content ul.main-category.brands>li.active>a {
color: #151515
}
header .menu-content ul.main-category.brands>li:hover>a i,
header .menu-content ul.main-category.brands>li.active>a i {
color: #151515
}
header .menu-content ul.main-category.brands>li:hover .brands-submenu,
header .menu-content ul.main-category.brands>li.active .brands-submenu {
opacity: 1;
visibility: visible;
margin-left: 0
}
header .menu-content ul.main-category.brands>li .fas.fa-chevron-down {
transform: rotate(270deg)
}
header .menu-content .submenu {
width: auto;
min-width: 180px;
position: absolute;
left: 100%;
top: 0;
opacity: 0;
visibility: hidden;
margin-left: 10px;
transition: .5s;
background: #fff;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
height: 100%
}
header .menu-content .submenu li a {
font-size: 12px !important;
font-family: "poppinsregular"
}
header .menu-content .submenu li a:hover {
font-family: "poppinsmedium"
}
header .menu-content .submenu li span {
font-size: 12px
}
header .menu-content .submenu li:hover {
background: #fff
}
@media screen and (max-width: 1580px) {
header .menu-content .submenu {
min-width: 160px
}
}
@media screen and (max-width: 1400px) {
header .menu-content .submenu {
min-width: 140px
}
}
@media screen and (max-width: 1366px) {
header .menu-content .submenu {
margin-left: 0px
}
}
header .menu-content .brands-submenu {
min-width: 400px
}
header .menu-content .brands-submenu .heading {
white-space: nowrap;
font-size: 14px;
font-family: "poppinssemibold";
padding: 9px 10px;
border-bottom: solid 1px #eee;
cursor: auto
}
header .menu-content .brands-submenu ul {
max-height: calc(100% - 40px)
}
header .menu-content li.has-child-menu {
width: 100%;
display: flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eee
}
header .menu-content li.has-child-menu a {
display: block;
width: 100%;
position: relative;
font-size: 12px;
padding: 10px
}
header .menu-content li.has-child-menu:hover>.submenu,
header .menu-content li.has-child-menu.active>.submenu {
opacity: 1;
visibility: visible;
margin-left: 0
}
header .menu-content li.has-child-menu:hover>span,
header .menu-content li.has-child-menu.active>span {
color: #151515
}
header .menu-content li.has-child-menu:hover {
background: #ffb100;
font-family: "poppinssemibold"
}
header .menu-content li.has-child-menu:last-child {
border-bottom: 0px
}
.table {
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: var(--bs-table-color);
vertical-align: top;
border-color: var(--bs-table-border-color)
}
.table>:not(caption)>*>* {
padding: .5rem .5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}
.table>tbody {
vertical-align: inherit
}
.table>thead {
vertical-align: bottom
}
.table-group-divider {
border-top: 2px solid currentcolor
}
.caption-top {
caption-side: top
}
.table-sm>:not(caption)>*>* {
padding: .25rem .25rem
}
.table-bordered>:not(caption)>* {
border-width: 1px 0
}
.table-bordered>:not(caption)>*>* {
border-width: 0 1px
}
.table-borderless>:not(caption)>*>* {
border-bottom-width: 0
}
.table-borderless>:not(:first-child) {
border-top-width: 0
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color)
}
.table-striped-columns>:not(caption)>tr>:nth-child(even) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color)
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color)
}
.table-hover>tbody>tr:hover>* {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color)
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: rgb(206.6, 226, 254.6);
--bs-table-border-color: rgb(185.94, 203.4, 229.14);
--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(185.94, 203.4, 229.14);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: rgb(225.6, 227.4, 229);
--bs-table-border-color: rgb(203.04, 204.66, 206.1);
--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(203.04, 204.66, 206.1);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: rgb(209, 231, 220.8);
--bs-table-border-color: rgb(188.1, 207.9, 198.72);
--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(188.1, 207.9, 198.72);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: rgb(206.6, 244.4, 252);
--bs-table-border-color: rgb(185.94, 219.96, 226.8);
--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(185.94, 219.96, 226.8);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: rgb(255, 242.6, 205.4);
--bs-table-border-color: rgb(229.5, 218.34, 184.86);
--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(229.5, 218.34, 184.86);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: rgb(248, 214.6, 217.8);
--bs-table-border-color: rgb(223.2, 193.14, 196.02);
--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(223.2, 193.14, 196.02);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: rgb(223.2, 224.1, 225);
--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(223.2, 224.1, 225);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: rgb(55.2, 58.8, 62.4);
--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
--bs-table-striped-color: #fff;
--bs-table-active-bg: rgb(55.2, 58.8, 62.4);
--bs-table-active-color: #fff;
--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media(max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
.breadcrumb {
background: #fff !important;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px !important;
padding-bottom: 4px !important;
width: 100%;
border-bottom: solid 1px #eee;
margin-bottom: 0px;
margin: 0px auto;
display: block !important
}
.breadcrumb .container {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.breadcrumb .container .breadcrumb-item {
display: inline;
position: relative
}
.breadcrumb .container .breadcrumb-item a,
.breadcrumb .container .breadcrumb-item span {
color: #151515;
font-family: "poppinsmedium";
font-size: 13px;
line-height: normal
}
.breadcrumb .container .breadcrumb-item:first-child {
padding-right: 0px
}
.breadcrumb .container .breadcrumb-item:last-child a {
cursor: default
}
.breadcrumb .container .sptr {
color: #151515;
font-family: "poppinsmedium";
font-size: 10px;
display: inline-block;
line-height: normal;
margin-right: 0
}
.breadcrumb-item+.breadcrumb-item::before {
display: none
}
@media screen and (max-width: 1400px) {
.empty-popup-img {
margin: 20px 0px !important
}
}
@media screen and (max-width: 1400px) {
.empty-popup-img img {
max-height: 280px
}
}
.buy-from {
align-items: center;
display: flex;
margin-bottom: 10px;
padding: 5px 10px;
font-size: 14px;
background: #f3f3f3;
border-bottom: none;
border-radius: 5px
}
.buy-from .buy {
display: flex;
font-family: "poppinsmedium", sans-serif;
align-items: center
}
.buy-from .buy .buy-from-img {
width: 20px;
height: 13px;
overflow: hidden;
display: flex;
align-items: center;
border-radius: 2px;
margin-right: 6px
}
.buy-from .icon {
margin: 0 20px
}
.from .buy-from-img {
margin-right: 0;
margin-left: 6px
}
.from .buy-from-country {
font-family: "poppinsbold", sans-serif
}
.buy-from-img img {
max-width: 100%
}
.mini-cart-wrap {
height: 100vh;
background-color: #fff;
position: fixed;
max-width: 500px;
width: 100%;
top: 0;
padding: 0px;
right: -500px !important;
z-index: 9822;
padding-bottom: 150px;
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
display: inline-block;
flex-wrap: inherit;
align-items: normal;
padding-top: 0px;
transition: all .3s ease 0s
}
.mini-cart-wrap.open {
right: 0 !important;
display: block !important
}
.mini-cart-wrap button {
border: none
}
.mini-cart-wrap .mini-cart-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom: solid 1px #eee;
padding: 10px 20px
}
.mini-cart-wrap .view-vehicle-detail {
padding: 1px 10px;
background: #ffb100;
border-radius: 100px;
color: #fff;
margin-top: 10px;
white-space: nowrap;
display: inline-block
}
.mini-cart-wrap .nicescroll-rails {
display: none
}
.mini-cart-wrap .mini-cart-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
margin-bottom: 0px;
background: #eee;
position: relative
}
.mini-cart-wrap .product-row {
display: flex
}
.mini-cart-wrap .product-row .product-detail {
width: 100%
}
.mini-cart-wrap .product-row .product-title {
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
word-break: break-word;
display: flex;
margin-right: 20px;
justify-content: space-between;
width: 100%;
margin-bottom: 5px
}
.mini-cart-wrap .product-row .product-title a {
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
word-break: break-word;
display: flex;
margin-right: 20px
}
.mini-cart-wrap .product-row .btn-icon {
width: 25px;
height: 25px
}
.mini-cart-wrap .product-row .btn-icon:hover {
background: #ffb100;
color: #fff
}
.mini-cart-wrap .product-row .description-variant ul {
list-style: none;
width: 100%;
padding: 0px;
margin: 0px
}
.mini-cart-wrap .product-row .description-variant ul li {
margin: 7px 0px 0px;
font-size: 12px;
font-family: "poppinsmedium", sans-serif;
color: #151515;
width: 100%;
margin: 0px;
padding: 0px;
float: left;
margin-bottom: 5px
}
.mini-cart-wrap .product-row .description-variant ul li .deal-expire .limited-time-deal {
border: 1px solid red;
display: inline-block;
padding: 5px 10px;
letter-spacing: 1px;
color: red;
font-family: "poppinsmedium", sans-serif;
border-radius: 5px;
font-size: 13px;
font-weight: initial
}
.mini-cart-wrap .product-row .description-variant strong {
font-family: "poppinssemibold", sans-serif;
margin-right: 10px;
display: inline-block;
text-transform: capitalize
}
.mini-cart-wrap .product-row .description-variant .value {
color: #999;
font-family: "poppinsmedium", sans-serif
}
.mini-cart-wrap .btn-icon {
border-radius: 100%;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
display: block;
padding: 0px
}
.mini-cart-wrap .btn-icon i {
font-family: "poppinsblack", sans-serif
}
.mini-cart-wrap .btn-icon.btn-pri:focus i {
color: #fff
}
.mini-cart-wrap .add-to-wishlist {
z-index: 2;
position: absolute;
right: 2px;
top: 2px;
border-radius: 100%;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
background: #ccc;
display: block;
color: #fff;
cursor: pointer
}
.mini-cart-wrap .add-to-wishlist i {
font-size: 10px;
margin: 0px
}
.mini-cart-wrap .mini-cart-bottom {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
background-color: #fff;
padding: 10px 20px 20px;
border-top: solid 1px #eee;
z-index: 5
}
.mini-cart-wrap .mini-cart-bottom .btn-light {
font-size: 14px;
background: #eee;
padding: 10px 5px
}
.mini-cart-wrap .mini-cart-bottom .btn-primary {
font-size: 14px;
padding: 10px 5px
}
.mini-cart-wrap .mini-cart-bottom .sub-total {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
padding: 0px;
font-size: 16px
}
.mini-cart-wrap .mini-cart-bottom .sub-total strong {
font-family: "poppinsbold", sans-serif !important
}
.mini-cart-wrap .add-to-wishlist.btn-light.active {
background: #ffebea
}
.mini-cart-wrap .add-to-wishlist.btn-light.active i {
color: #ff4439
}
.mini-cart-wrap .add-to-wishlist.active {
color: #ff4134;
background-color: #ffebea
}
.mini-cart-wrap #cart-popup-items.cart-popup-listing {
position: initial;
height: calc(100vh - 0px);
width: 100%
}
.mini-cart-wrap .cart-popup-inner {
padding: 20px;
height: calc(100vh - 150px);
overflow: auto !important
}
.mini-cart-wrap .product-detail {
padding: 0px
}
.mini-cart-wrap .description-variant {
width: 100%;
display: block;
float: none
}
.mini-cart-wrap .w-48 {
width: 48%
}
.mini-cart-wrap .price {
line-height: 1;
font-size: 14px;
font-family: "poppinsbold", sans-serif;
display: inline-block;
width: 100%
}
.mini-cart-wrap .price strong {
text-transform: capitalize
}
.mini-cart-wrap .price .value {
font-family: "poppinssemibold", sans-serif
}
.mini-cart-wrap .actions .add-to-wishlist {
margin-right: 10px;
margin-left: 0px
}
.mini-cart-wrap .ucredit-available {
background-image: url("../images/Mask Group.png");
background-repeat: no-repeat;
background-size: 100%
}
.mini-cart-wrap .content {
margin-left: 0
}
.mini-cart-wrap .sub-total {
padding: 0px 20px
}
span.arrow {
margin-left: 4px;
font-family: "poppinsmedium", sans-serif
}
span.rotated {
transform: rotate(90deg);
display: inline-block
}
.vehicles td {
vertical-align: top;
color: #999;
font-size: 12px
}
.vehicles span {
white-space: nowrap
}
.mini-cart-top h6 {
font-size: 1rem;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 0px
}
.mini-cart-top button.close-cart {
width: 25px;
padding: 0px;
border-radius: 100%;
background-color: #151515;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: none
}
.mini-cart-top button.close-cart i {
margin: 0px;
float: none;
color: #fff
}
.mini-cart-top button.close-cart:hover {
background: #ffb100;
color: #fff
}
.custom-h6 {
font-size: 1rem;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 0px
}
button.btn.btn-icon.btn-dark.close-cart:hover {
background: #ffb100;
color: #fff
}
.product-row {
display: flex;
padding-top: 20px;
margin-top: 20px;
border-top: solid 1px #eee;
width: 100%
}
.product-row:first-child {
padding-top: 0px;
margin-top: 0px;
border-top: none
}
.product-row .product-img {
min-width: 80px;
min-height: 80px;
width: 80px;
height: 80px;
display: flex;
align-items: center;
border-radius: 10px;
border: solid 1px #eee;
margin-right: 20px;
text-align: center;
box-sizing: content-box;
position: relative;
padding: 8px;
justify-content: center
}
.product-row .product-img a {
height: 100%;
width: 80px;
display: block;
border-radius: 10px;
height: 80px;
display: flex;
align-items: center;
justify-content: center
}
.product-row .product-img a img {
height: auto;
max-width: 100%;
max-height: 100%;
width: auto
}
.product-row .product-img img {
height: auto;
max-width: 100%;
max-height: 100%;
width: auto
}
.product-row .btn-icon {
font-size: 14px;
padding: 10px
}
.cart-popup-listing .product-row .remove {
height: 20px;
min-width: 20px;
padding: 0px;
border-radius: 100%;
background-color: #ccc;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: relative;
right: 0px;
top: 0px;
border: none
}
.cart-popup-listing .product-row .remove i {
color: #151515;
font-size: 10px
}
.cart-popup-listing .product-row .remove:hover {
background: #ffb100
}
.cart-popup-listing .product-row .remove:hover i {
color: #fff
}
.deal-expire {
color: red;
font-family: "poppinssemibold", sans-serif
}
.shipping-process {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 600px;
margin: 0px auto 0 0;
background: #f8f8f8;
border-radius: 10px 10px 0 0;
padding: 5px 10px;
border: 1px solid #ececec
}
.shipping-process span {
font-size: 12px;
font-family: "poppinsregular", sans-serif;
display: block
}
.shipping-process small {
font-size: 12px;
font-family: "poppinsregular", sans-serif;
display: block
}
.shipping-process p {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
line-height: 1;
color: #000;
margin: 3px 0 2px
}
.shipping-process .white-space {
white-space: nowrap
}
.traveling-process {
width: 45%;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 10px
}
.traveling-process::before {
content: "";
border-bottom: 4px dotted #ffb100;
width: 45%;
display: inline-block
}
.traveling-process::after {
content: "";
border-bottom: 4px dotted #999;
width: 45%;
z-index: 0;
display: inline-block
}
.traveling-process img {
z-index: 5;
margin: 0px 5px
}
.country {
white-space: nowrap
}
.flag-icon img {
width: auto;
max-width: 24px;
border-radius: 2px;
border: 1px solid #ccc
}
.flag-icon.mr-2 {
margin-right: .5rem !important
}
.store-shipping.store-shipping-checkout {
margin-top: 0px
}
@media screen and (max-width: 1024px) {
.traveling-process::before {
width: 100%
}
.traveling-process::after {
width: 100%
}
.shipping-process p {
font-size: 12px
}
}
@media screen and (max-width: 480px) {
.shipping-process {
padding: 5px 7px
}
.shipping-process p {
font-size: 12px;
margin: 2px 0px 2px
}
.ubuy-checkout .review-information p {
margin-top: 2px
}
.flag-icon img {
max-width: 17px
}
.traveling-process {
width: 40%
}
}
@media screen and (max-width: 380px) {
.country {
white-space: normal
}
.shipping-process small {
white-space: nowrap
}
}
@media screen and (max-width: 350px) {
.flag-icon img {
max-width: 16px
}
.traveling-process {
width: 32%;
display: inline-block
}
.traveling-process::before {
display: none
}
.traveling-process::after {
display: none
}
.shipping-process {
padding: 5px 7px
}
}
.cart-overlay {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .5019607843);
top: 0;
left: 0;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
z-index: 999
}
.cart-overlay.visible {
visibility: visible;
opacity: 1 !important
}
.delete-item-popup-v5 .card-body {
padding: 1.5rem !important
}
.delete-item-popup-v5 .card-body .product_title {
text-align: left;
font-family: "poppinsregular", sans-serif;
font-size: 14px
}
.delete-item-popup-v5 .card-body .btn-primary {
border-color: #ffb100 !important
}
.delete-item-popup-v5 .card-body .btn {
padding: 8px 22px !important
}
.delete-item-popup-v5 .card-body .mr-2 {
margin-right: .5rem !important
}
#ubuy-delete-confirm-modal .card-body h5.modal-title {
font-family: "poppinssemibold", sans-serif
}
body {
background: #fff;
font-family: "poppinssemibold", sans-serif
}
.header-center .header-search-bar form .header-search-icon {
min-height: 35px;
min-width: 35px
}
.header-center .header-search-bar form .header-search-icon.active i {
color: #fff
}
.container {
max-width: 1680px
}
a {
text-decoration: none;
color: #666
}
a:hover {
color: #333
}
.sizechartmodal .modal-header .btn-close {
margin: 0px !important
}
.recommended-rating {
font-style: italic;
color: #666;
font-family: "poppinsmedium", sans-serif
}
.recommended-rating strong {
color: green;
font-size: 135%;
font-style: normal;
font-family: "poppinsbold", sans-serif
}
.body-content .loader-spin-overlay.loading {
z-index: 9999;
background-color: rgba(0, 0, 0, 0) !important
}
.strip-msgs {
background: none;
border: solid 1px #eee !important;
border-radius: 10px;
padding: 10px 15px 15px 15px !important;
margin: 8px 0px 12px 0px;
position: relative
}
.strip-msgs p {
margin: 0px !important
}
.strip-msgs .PaymentMethodMessaging-logos {
height: auto !important
}
.strip-msgs .UnifiedMessage-logos img {
height: 50px !important
}
header .nav-link .show-cart-popup span.loading {
position: absolute;
right: -10px;
top: 30px
}
@media(-webkit-device-pixel-ratio: 1.25) {
header .header-cart {
padding-right: 10px !important
}
header .header-cart .show-cart-popup span.loading {
position: absolute;
top: 30px;
right: 0px
}
header .header-cart .cart_count {
right: 0 !important
}
}
button.disabled {
display: none
}
input:focus {
border-color: inherit
}
.recaptcha-error {
font-family: "poppinsregular", sans-serif !important;
font-size: 14px !important;
color: #e00f0f !important
}
.g-recaptcha {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0
}
.form-control:focus {
border-color: inherit
}
#ubuy-delete-confirm-modal .popup-item {
align-items: flex-start
}
#ubuy-delete-confirm-modal .popup-item img {
max-width: 80px;
max-height: 80px;
border: 1px solid #e2e2e2;
padding: 5px
}
.prime-text.instock-items {
font-size: 14px;
margin-bottom: 10px
}
.custom-checkbox label:after {
margin: 0px 5px !important;
line-height: 1 !important
}
.recent-search ul {
padding-left: 0px
}
.recent-search .search-keywords li.heading {
font-family: "poppinsbold", sans-serif
}
.recent-search .search-keywords li a {
font-family: "poppinsmedium", sans-serif
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
appearance: textfield
}
.internal-links {
padding: 5px 0px !important;
margin-bottom: 20px
}
.internal-links a {
padding: 5px 15px;
font-size: 13px;
color: #666;
border: solid 1px #999;
border-radius: 50px;
display: inline-block;
font-family: "poppinssemibold"
}
.internal-links .owl-stage {
display: flex;
white-space: nowrap
}
.internal-links .owl-nav {
margin: 0px
}
.internal-links .owl-nav button {
height: 35px;
width: 45px;
padding: 0px !important
}
.internal-links .owl-nav button.owl-prev {
left: 0 !important;
border-radius: 0px !important;
background: #fff !important;
background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%) !important;
border: none !important;
display: flex;
justify-content: start;
align-items: center
}
.internal-links .owl-nav button.owl-prev:before {
content: "";
font-family: "Font Awesome 6 Free";
font-size: 16px;
color: #151515;
z-index: 10
}
.internal-links .owl-nav button.owl-next {
right: 0 !important;
border-radius: 0px !important;
background: #fff !important;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%) !important;
border: none !important;
display: flex;
justify-content: end;
align-items: center
}
.internal-links .owl-nav button.owl-next:before {
content: "";
font-family: "Font Awesome 6 Free";
font-size: 16px;
color: #151515;
z-index: 10
}
.internal-links .owl-nav button.disabled {
display: none !important
}
.internal-links .owl-nav button span {
font-size: 0
}
.product-card {
border: solid 1px #eee
}
.loader-spin-overlay .span_spinner {
position: fixed;
min-height: 100vh;
width: 100%;
opacity: 1;
z-index: 999;
background: hsla(0, 0%, 100%, .6) !important;
left: 0px;
min-width: 100vh;
display: flex;
align-items: center;
justify-content: center
}
.loader-spin-overlay .span_spinner i {
font-size: 30px;
color: #ffb100;
position: relative;
z-index: 10
}
. {
border-radius: 8px;
position: relative;
overflow: hidden;
background: none !important;
border: solid 1px rgba(0, 0, 0, 0) !important
}
.::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
height: 100%;
display: block;
background: linear-gradient(to right, #eeeeee 25%, #dedede 50%, #eeeeee 75%);
background-size: 200% 100%;
animation: wavy 1.5s linear infinite
}
@keyframes wavy {
0% {
background-position: 200% 0
}
100% {
background-position: -200% 0
}
}
.popup-messages .messages {
z-index: 9910
}
.loading {
cursor: not-allowed !important;
position: relative;
background-color: #eee !important;
color: #999 !important;
min-height: 20px
}
.loading span {
opacity: .5;
width: 100%;
top: 0;
height: 100%;
display: block;
background: #eee !important;
margin: 0 auto;
left: 0;
color: #151515;
right: 0;
position: absolute;
font-size: 16px;
display: flex !important;
align-items: center;
justify-content: center
}
.loading span i {
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.loading:hover {
color: #999 !important
}
.spinner {
width: 25px;
display: flex;
align-items: center;
justify-content: center
}
.spinner i {
animation: spin 6s linear infinite;
animation-duration: 2.5s
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.px-40 {
padding: 0 40px
}
.separator {
color: #ccc
}
.text-primary {
color: #ffb100 !important
}
.custom-tooltip {
text-align: left
}
.product-item {
position: sticky;
top: 90px
}
.product-item .language-menu {
margin-bottom: 10px
}
.product-item .language-menu ul {
padding: 0px;
display: flex;
margin: 0px
}
.product-item .language-menu ul li a {
margin-left: 4px
}
.product-item .product-banner {
border: 1px solid #eee;
border-radius: 10px;
padding: 25px;
position: relative;
cursor: pointer
}
.product-item .product-banner .back {
float: left;
height: 30px;
cursor: pointer;
margin-right: 10px;
width: 30px;
display: flex;
align-items: center;
justify-content: center
}
.product-item .product-banner .ubuy-authentic-seal {
position: absolute;
bottom: 20px;
width: 60px
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-item .product-banner .ubuy-authentic-seal {
bottom: 10px
}
}
.product-item .product-banner .ubuy-authentic-seal img {
width: 100%
}
.product-item .product-banner .badge {
font-size: 12px;
background: #ffde92;
color: #151515;
font-family: "poppinssemibold", sans-serif;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #ffb100;
display: inline-block;
padding: 6px 10px
}
.product-item .product-banner .wishlist-icon {
width: 32px;
height: 32px;
background: #eee;
border-radius: 100%;
display: grid;
place-items: center;
transition: all .3s ease-in-out
}
.product-item .product-banner .wishlist-icon .fa-heart {
font-size: 14px;
color: #fff
}
.product-item .product-banner .wishlist-icon:hover .fa-heart {
color: #e00f0f
}
.product-item .product-banner .wishlist-icon.active {
background: rgba(224, 15, 15, .3137254902)
}
.product-item .product-banner .wishlist-icon.active i {
color: #e00f0f
}
.product-item .product-banner .social-icon {
list-style: none;
margin: 0;
padding: 0
}
.product-item .product-banner .social-icon li {
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center
}
.product-item .product-banner .social-icon .fa-brands {
line-height: 1;
font-size: 20px
}
.product-item .thumbnail-container {
margin-top: 20px;
margin-bottom: 40px
}
.product-item .thumbnail-container .thumbnail {
border-radius: 10px;
border: solid 1px #eee;
width: 100%;
padding: 10px;
height: 100px;
display: flex;
margin: auto;
align-items: center;
justify-content: center;
cursor: pointer
}
.product-item .thumbnail-container .thumbnail img {
max-height: 90%;
max-width: 90%;
width: auto;
height: auto
}
.product-item .thumbnail-container .thumbnail.video::before {
content: "";
margin: 0px;
height: 100%;
width: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, .2509803922);
position: absolute;
left: 0;
top: 0;
z-index: 9;
right: 0;
margin: auto
}
.product-item .thumbnail-container .thumbnail.video::after {
content: "";
font-family: "Font Awesome 6 Free";
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
font-size: 16px;
position: absolute;
color: #fff;
z-index: 10;
width: fit-content;
margin: auto
}
.product-item .thumbnail-container .thumbnail .product-thumbnail-slider {
padding: 0px 2px
}
.review-nologged {
color: #666;
margin-bottom: 0px
}
.review-nologged a {
font-family: "poppinssemibold", sans-serif;
color: #151515
}
.uploaded-images-scroll ul {
padding: 0px
}
.uploaded-images-scroll ul li {
margin-right: 10px
}
.main-slider-container {
height: 400px !important;
width: 400px !important;
margin: auto;
overflow: hidden;
position: relative;
text-align: center;
margin: 10px auto
}
.main-slider-container .main-product-slider {
display: flex;
transition: transform .3s ease
}
.main-slider-container .main-product-slider .slide-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: none;
top: 0;
height: 400px !important;
min-width: 400px !important;
margin: 0px auto;
text-align: center
}
.main-slider-container .main-product-slider .slide-item img {
height: auto;
width: auto;
max-height: 400px !important;
max-width: 400px !important;
cursor: crosshair
}
.main-slider-container .main-product-slider .slide-item video {
height: auto;
width: auto;
max-height: 400px !important;
max-width: 400px !important;
cursor: pointer
}
.main-slider-container .main-product-slider .slide-item .zoom-container .zoom-image {
width: 100%;
height: 100%;
transition: transform .1s ease;
transform-origin: top left
}
.main-slider-container .main-product-slider .slide-item .zoom-container .zoom-lens {
position: absolute;
pointer-events: none;
display: none
}
.product-qoute {
font-size: 15px;
font-family: "poppinsmedium", sans-serif;
line-height: 1.4;
font-style: italic;
color: #151515;
position: relative;
margin: 0;
padding: 0 20px
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-qoute {
font-size: 14px;
padding: 0 0 0 15px
}
}
.product-qoute::before {
content: "";
position: absolute;
left: 0;
width: 17px;
height: 10px;
background: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom/detail-page-images/quotation.svg)
}
.product-qoute::after {
content: "";
position: absolute;
left: auto;
right: auto;
margin-left: 3px;
bottom: 0;
transform: scale(-1);
-webkit-transform: scale(-1);
width: 17px;
height: 10px;
background: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom/detail-page-images/quotation.svg)
}
.select-warranty-options {
margin-bottom: 20px
}
.select-warranty-options .label {
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 10px;
display: block
}
.select-warranty-options .options {
display: flex;
align-items: center
}
.select-warranty-options .options .select-plan {
padding: 10px 15px;
border-radius: 5px;
font-size: 14px;
color: #151515;
border: solid 1px #eee;
font-family: "poppinssemibold", sans-serif;
cursor: pointer;
background: rgba(0, 0, 0, 0)
}
.select-warranty-options .options .select-plan.active {
border: solid 1px #ffb100
}
.notifyme-form {
margin-top: 15px;
display: inline-block;
padding-bottom: 20px;
width: 100%
}
.notifyme-form label {
margin-bottom: 10px;
font-size: 13px
}
.notifyme-form .input-box {
position: relative
}
.notifyme-form .btn {
padding: 11px 20px;
border-radius: 0px 5px 5px 0px !important
}
.notifyme-form .btn span {
white-space: nowrap
}
.notifyme-form .form-control {
height: 43px;
border-radius: 0px;
border-radius: 5px 0px 0px 5px !important;
font-size: 14px !important
}
.notifyme-form div.validation-advice {
position: absolute;
top: 50px;
font-size: 12px;
color: red;
font-family: "poppinsmedium", sans-serif;
margin: 0 !important
}
.free-express-shipping {
margin-bottom: 20px
}
.free-express-shipping .img-before {
margin-right: 20px
}
.free-express-shipping #progress-bar-container {
max-width: 100%
}
.free-express-shipping .text-free-delevery {
color: #666;
font-family: "poppinsregular", sans-serif;
font-size: 14px;
line-height: 20px
}
.free-express-shipping .text-free-delevery .yellow-color {
color: #ffb100;
font-family: "poppinsbold", sans-serif
}
.free-express-shipping .text-free-delevery .progress {
height: 5px;
background-color: #eee;
width: 100%;
margin-top: 10px;
border-radius: 5px
}
.free-express-shipping .text-free-delevery .progress .progress-bar {
background-color: #ffb100;
width: 100%;
height: 5px;
border-radius: 5px
}
.free-express-shipping .text-free-delevery .benifits-btn {
padding: 0px !important;
border: 0px !important;
font-family: "poppinsmedium", sans-serif;
text-decoration: underline;
font-size: 14px !important
}
.free-express-shipping.congrats .text-free-delevery {
width: 100%
}
.free-express-shipping.congrats .text-free-delevery .text-after span {
text-transform: uppercase;
color: #ffb100;
font-family: "poppinssemibold", sans-serif
}
.free-express-shipping.congrats .text-free-delevery .progress {
height: 5px;
width: 100%;
margin-top: 10px;
border-radius: 5px
}
.tamara_popup {
text-align: left;
background: none;
border: none;
padding-top: 10px !important;
margin: 0px 0px 10px 0px !important;
padding-bottom: 10px !important;
line-height: normal;
border-top: solid 1px #eee;
width: 100%;
border-bottom: solid 1px #eee !important
}
.tamara_popup p {
font-size: 13px;
color: #151515;
font-family: "poppinsregular", sans-serif;
padding-right: 10px !important;
line-height: normal
}
.tamara_popup p span {
font-family: "poppinssemibold", sans-serif
}
@media(min-width: 992px)and (max-width: 1400px) {
.tamara_popup p {
font-size: 12px
}
}
#tamaraModal .modal-header .close {
border: none;
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center
}
.seller-info {
font-size: 14px !important;
color: #666;
margin-bottom: 10px;
font-family: "poppinsmedium"
}
.seller-info .seller-modal-link {
color: #dcb700;
text-decoration: underline;
font-family: "poppinssemibold";
cursor: pointer
}
.seller-info .seller-modal-link:hover {
color: #ffb100
}
.seller-info-popup {
margin-bottom: 10px
}
.seller-info-popup .close {
border: none;
background: none;
width: 30px;
height: 30px;
display: flex;
font-size: 20px;
align-items: center;
justify-content: center
}
.seller-info-popup .seller-rating {
background-color: #ffb100;
padding: 3px 7px !important;
border-radius: 4px;
color: #fff;
width: auto;
font-size: 14px !important;
line-height: 27px;
position: relative
}
.seller-info-popup .seller-rating i {
margin-left: 5px
}
.seller-info-popup .contact-seller {
text-decoration: underline
}
.seller-info-popup .modal-footer p {
font-size: 12px;
font-family: "poppinsregular", sans-serif
}
.seller-info-popup .description .rating-description {
word-break: break-all
}
.seller-info-popup .seller-name .text {
word-break: break-all
}
.product-variations .variations-item {
border-bottom: 1px solid #eee;
position: relative
}
.product-variations .variations-item:last-child {
margin-bottom: 0
}
.product-variations .variations-item .variations-button {
font-size: 14px;
font-family: "poppinssemibold", sans-serif !important;
color: #151515;
display: flex;
align-items: flex-start;
width: 100%;
background: rgba(0, 0, 0, 0);
border: none;
padding: 0;
position: relative
}
.product-variations .variations-item .variations-button strong {
font-family: "poppinsbold", sans-serif;
text-align: start;
word-break: break-word
}
.product-variations .variations-item .variations-button p {
align-items: inherit !important;
text-align: left
}
@media(max-width: 1300px) {
.product-variations .variations-item .variations-button {
font-size: 12px !important
}
}
.product-variations .variations-item .variations-button:hover {
background-color: rgba(0, 0, 0, 0);
box-shadow: none
}
.product-variations .variations-item .variations-button:focus {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
border: none
}
.product-variations .variations-item .variations-button::after {
content: "";
font-family: "Font Awesome 6 Free";
position: absolute;
font-size: 16px !important;
color: #666;
right: 0
}
.product-variations .variations-item .variations-button.collapsed::after {
content: ""
}
.product-variations .variations-item .variations-button .type-of {
white-space: nowrap
}
.product-variations .variations-item .variations-button .ub_variation {
align-items: baseline
}
.product-variations .variations-item .veriations-options {
margin-top: 10px
}
.product-variations .variations-item .veriations-options .radio-check .ver-item {
position: relative
}
.product-variations .variations-item .veriations-options .radio-check .ver-item input[type=radio]:checked,
.product-variations .variations-item .veriations-options .radio-check .ver-item input[type=radio]:not(:checked) {
width: 100%;
height: 100%;
display: block;
position: absolute;
opacity: 0;
cursor: pointer
}
.product-variations .variations-item .veriations-options .radio-check .ver-item label {
width: 100%;
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px 13px;
text-align: center;
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #666;
margin: 0;
transition: all .2s ease-in-out;
word-break: break-word;
text-align: left
}
.product-variations .variations-item .veriations-options .radio-check .ver-item label img {
max-width: 40px;
max-height: 40px;
height: auto;
width: auto
}
.product-variations .variations-item .veriations-options .radio-check .ver-item input[type=radio]:checked~label {
border: 1px solid #ffb100 !important
}
.product-variations .variations-item .veriations-options .radio-check .ver-item.blur_entity label {
border: dashed 1px #ccc !important
}
.product-variations .variations-item .veriations-options .radio-check .ver-item.blur_entity:hover label {
border: solid 1px #ffb100 !important;
box-shadow: 0px 0 18px 1px #e9e9e9
}
.product-variations .variations-item .veriations-options .radio-check .ver-item:hover label {
border: solid 1px #ffb100;
box-shadow: 0px 0 18px 1px #e9e9e9
}
.product-variations .variations-item .veriations-options .radio-check .ver-item .size-chart {
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #151515;
line-height: 1;
background: rgba(0, 0, 0, 0);
border: none;
padding: 0;
border-bottom: 1px solid #151515;
padding-bottom: 3px
}
@media(max-width: 576px) {
.product-variations .variations-item .veriations-options .radio-check .ver-item .size-chart {
font-size: 12px !important
}
}
.product-variations .variations-item .veriations-options .radio-check .ver-item.img_type_variation {
height: auto;
width: auto;
display: flex;
align-items: center;
justify-content: center
}
.product-variations .variations-item .veriations-options .radio-check .ver-item.img_type_variation label {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.product-variations .variations-item .veriations-options::-webkit-scrollbar {
height: 5px;
cursor: pointer
}
.product-variations .variations-item .veriations-options::-webkit-scrollbar-track {
background: #f7f7f7
}
.product-variations .variations-item .veriations-options::-webkit-scrollbar-thumb {
background: #ffb100;
height: 5px;
border-radius: 4px
}
.product-variations .variations-item .veriations-options .select-size {
position: absolute;
right: 30px;
cursor: pointer;
top: 0
}
.product-variations .variations-item .veriations-options .select-size .size-chart {
border: none;
background: none;
padding: 0px;
text-decoration: underline
}
.vehicle-detail-form {
background: #f7f7f9;
padding: 15px;
border-radius: 10px
}
.vehicle-detail-form .vehicle-detail-option {
margin-bottom: 20px
}
.vehicle-detail-form .vehicle-detail-option label {
line-height: 1;
font-family: "poppinsmedium", sans-serif;
color: #151515
}
.vehicle-detail-form .vehicle_info .row {
border-top: solid 1px #ced4da;
padding-top: 10px
}
.vehicle-detail-form .vehicle_info label {
font-size: 13px;
font-family: "poppinsregular", sans-serif;
margin-bottom: 5px
}
.vehicle-detail-form .vehicle_info input {
border-radius: 3px;
font-size: 13px
}
.vehicle-detail-form .vehicle_info input:focus {
border-color: #ced4da !important
}
.vehicle-detail-form .text-danger {
font-size: 12px;
font-family: "poppinsmedium", sans-serif
}
.remove_restriction .restriction-info {
font-size: 14px;
font-family: "poppinsmedium", sans-serif
}
.restrict-form {
background: #f7f7f9;
padding: 15px;
border-radius: 10px
}
.restrict-form .border.p-3 {
border: none !important;
padding: 0px !important
}
.restrict-form table {
display: block
}
.restrict-form table tr td {
display: block
}
.restrict-form strong.poppins-font {
display: inline-block;
width: 100%;
margin-bottom: 10px;
font-family: "poppinssemibold", sans-serif !important;
border-bottom: solid 1px #ced4da;
padding-bottom: 10px
}
.restrict-form .label {
line-height: 1;
display: block;
color: #151515;
font-size: 13px;
font-family: "poppinsregular", sans-serif;
margin-bottom: 5px
}
.restrict-form input,
.restrict-form textarea {
border-radius: 3px;
font-size: 13px
}
.restrict-form input:focus,
.restrict-form textarea:focus {
border-color: #ced4da !important
}
.restrict-form .text-danger {
font-size: 12px;
font-family: "poppinsmedium", sans-serif
}
.translation-switch {
display: flex;
align-items: center
}
.translation-switch i {
margin-left: 10px;
color: #ffb100
}
.machine-translation {
display: inline-block;
position: fixed;
cursor: pointer;
padding: 10px;
top: 200px;
right: 0;
background: #ffb100;
border-radius: 20px 0px 0px 20px;
z-index: 99
}
.machine-translation .button {
font-weight: normal;
display: inline-block;
font-size: 18px;
height: auto !important;
display: flex;
align-items: center;
font-family: "poppinssemibold", sans-serif;
white-space: nowrap
}
.machine-translation .label {
visibility: hidden;
opacity: 0;
position: absolute;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
max-width: 400px;
min-width: 180px;
display: block;
background: #fff;
right: 40px;
text-align: right;
top: -30%;
padding: 10px;
box-shadow: -3px 4px 3px #eee;
font-family: "poppinsmedium", sans-serif;
border-radius: 10px;
border: 1px solid #ddd;
z-index: -1
}
.machine-translation .label .fw-600 {
font-family: "poppinssemibold", sans-serif
}
.machine-translation .label .popup-click {
font-family: "poppinssemibold", sans-serif;
display: inline-block;
color: #ffb100
}
.machine-translation:hover .label {
opacity: 1;
visibility: visible
}
.translation-popup.modal .close {
position: absolute;
right: -10px !important;
top: -10px !important;
height: 30px;
width: 30px;
background: #fff;
opacity: 1;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px
}
.translation-popup .modal-content {
border: none !important;
border-radius: 20px !important
}
.translation-popup .heading {
color: #151515;
display: inline-block;
word-break: break-word;
margin-bottom: 10px;
width: 100%;
font-size: 16px;
font-family: "poppinssemibold", sans-serif
}
.translation-popup .heading span {
color: #ffb100
}
.translation-popup form .radio-button {
width: auto;
min-width: 80px;
height: 80px;
border-radius: 5px;
background: #f8f8fa;
margin: 0px;
display: flex;
align-items: center;
margin: 0px auto;
position: relative
}
.translation-popup form .radio-button input[type=radio] {
position: absolute;
top: 0;
opacity: 0;
left: 0;
margin: 0px auto;
height: 100%;
width: 100%;
cursor: pointer
}
.translation-popup form .radio-button input[type=radio]:checked~label {
color: #ffb100
}
.translation-popup form .radio-button input[type=radio]:checked~label i {
color: #ffb100
}
.translation-popup form .radio-button label {
width: 100%;
border-radius: 5px;
background: #f8f8fa;
margin: 0px
}
.translation-popup form .radio-button label.label {
text-align: center;
width: 100%;
margin: 0px;
font-size: 25px;
line-height: 1
}
.translation-popup form .radio-button label.label i {
font-size: 30px;
margin-bottom: 10px;
color: #ccc
}
.translation-popup form .form-textarea textarea {
height: 100px;
width: 100%;
border-radius: 5px;
border: solid 1px #ccc;
padding: 10px
}
.translation-popup form .form-input input {
width: 100%;
border-radius: 5px;
border: solid 1px #ccc;
padding: 10px
}
.translation-popup form .note {
word-break: break-word;
color: #666;
font-weight: normal;
font-size: 15px;
max-width: 510px;
margin: 0px auto;
width: 100%
}
.translation-popup form .btn {
padding: 10px 15px !important;
font-family: "poppinssemibold", sans-serif !important;
font-size: 14px !important;
text-transform: uppercase;
min-width: 120px
}
.translation-popup .radio-button span {
font-size: 14px;
display: block;
text-align: center;
width: 100%
}
.translation-popup .coupon-card .btn {
padding: 10px 15px !important;
font-family: "poppinssemibold", sans-serif !important;
font-size: 14px !important;
text-transform: uppercase;
min-width: 120px
}
.translation-popup .btn.btn-pri {
color: #fff;
background: #151515
}
.translation-popup .btn.btn-pri:hover {
background: #ffb100
}
.translation-coupon .coupon-card .coupon-heading {
font-size: 22px;
font-family: "poppinsExtraBold", sans-serif !important
}
.translation-coupon .coupon-card p.discount {
font-size: 24px;
font-family: "poppinsregular", sans-serif
}
.translation-coupon .coupon-card p.discount span {
font-family: "poppinsbold", sans-serif;
color: #ffb100;
margin-bottom: 15px
}
.translation-coupon .coupon-card p.content {
word-break: break-word;
color: #666;
font-weight: normal;
font-size: 15px;
max-width: 510px;
margin: 15px auto;
width: 100%
}
.translation-coupon .coupon-code {
max-width: 280px;
margin: 15px auto;
border: 5px dotted #d3d3d3;
width: 100%;
padding: 10px 15px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
height: 80px
}
.translation-coupon .coupon-code p.text-left {
color: #666;
font-family: "poppinsmedium", sans-serif
}
.translation-coupon .coupon-code .code {
position: relative
}
.translation-coupon .coupon-code .code span {
font-family: "poppinsbold", sans-serif;
color: #ffb100;
font-size: 25px;
width: 100%;
background: rgba(0, 0, 0, 0);
text-align: right;
line-height: 36px
}
.translation-coupon .coupon-code .code .intent_copy_message {
position: absolute;
left: auto;
right: 0;
top: 50%;
margin: 0px auto;
font-size: 10px;
background: rgba(21, 21, 21, .5882352941);
padding: 5px 10px;
color: #fff;
border-radius: 3px;
transform: translateY(-50%)
}
.translation-coupon .coupon-code em {
font-size: 30px;
margin-left: 10px;
cursor: pointer
}
.translation-rating-error {
color: red;
text-align: center;
width: 100%;
margin-bottom: 10px
}
.skip-note {
font-family: "poppinsmedium", sans-serif;
font-size: 13px;
line-height: 20px
}
.sidebar {
width: 396px;
max-width: 100%;
position: sticky;
top: 90px
}
.sidebar .card {
border: 1px solid #eee;
border-radius: 10px;
background: #fff;
padding: 24px;
box-shadow: 0px 0px 28px rgba(0, 0, 0, .05);
max-height: 75vh;
overflow: auto
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card {
padding: 14px;
max-height: 85vh;
overflow: auto
}
}
.sidebar .card::-webkit-scrollbar {
width: 4px;
margin: 10px
}
.sidebar .card::-webkit-scrollbar-track {
width: 2px;
border-radius: 50px;
background: #fff
}
.sidebar .card::-webkit-scrollbar-thumb {
background: #ccc;
height: 20px;
width: 4px;
border-radius: 25px
}
.sidebar .card .card-unavailable {
border: 1px solid #eee;
border-radius: 10px;
padding: 15px
}
.sidebar .card .card-unavailable p.h4 {
color: #e00f0f !important;
font-size: 16px;
font-family: "poppinssemibold", sans-serif
}
.sidebar .card .card-unavailable p.h6 {
font-size: 14px;
font-family: "poppinsregular", sans-serif
}
.sidebar .card .product-details {
margin-bottom: 20px
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card .product-details {
margin-bottom: 20px
}
}
.sidebar .card .product-details .price-box {
display: flex;
align-items: center
}
.sidebar .card .product-details .price-box .heading {
font-size: 22px;
font-family: "poppinsExtraBold", sans-serif;
color: #151515;
margin-left: 0px !important;
margin-right: 8px !important;
line-height: 1
}
.sidebar .card .product-details .description {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151511;
line-height: 1.5;
margin-bottom: 15px
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card .product-details .description {
margin-bottom: 10px
}
}
.sidebar .card .product-details .description .dropdown .btn {
font-family: "poppinssemibold", sans-serif;
font-size: 14px;
background: rgba(0, 0, 0, 0);
color: #333;
text-decoration: underline;
border: none !important;
padding: 0 !important
}
.sidebar .card .product-details .description .dropdown .btn:focus {
box-shadow: none;
border: none
}
.sidebar .card .product-details .description .dropdown .btn:after {
display: none
}
.sidebar .card .product-details .description .dropdown .dropdown-menu .dropdown-item {
font-size: 14px;
cursor: pointer;
padding: 8px 10px;
border-bottom: solid 1px #eee;
line-height: 1
}
.sidebar .card .product-details p {
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
color: #ffb100;
margin: 0;
line-height: 20px;
margin-top: 10px
}
.sidebar .card .product-details .deal-expire {
border: 1px solid red;
font-family: "poppinsmedium", sans-serif;
font-size: 13px;
color: red;
display: inline-block;
padding: 5px 20px;
letter-spacing: 1px;
border-radius: 5px
}
.sidebar .card .product-shop {
margin-bottom: 15px
}
.sidebar .card .product-shop>div p {
font-family: "poppinssemibold", sans-serif
}
.sidebar .card .product-shop .quantity-input {
display: flex;
align-items: center;
justify-content: space-around;
background: #fff;
border-radius: 4px;
border: 1px solid #ccc !important;
max-width: 100px;
width: 100%;
margin-bottom: 15px
}
.sidebar .card .product-shop .quantity-input .btn {
border: none !important;
padding: 7px 10px !important;
font-size: 20px !important
}
.sidebar .card .product-shop .quantity-input .btn:focus {
box-shadow: none
}
.sidebar .card .product-shop .quantity-input .form-control {
border: none;
min-width: 35px;
max-width: 100%;
text-align: center;
padding: 0
}
.sidebar .card .product-shop .quantity-input .form-control:focus {
box-shadow: none
}
.sidebar .card .product-shop .secure_transation_wrp {
position: relative;
cursor: pointer;
display: inline-block
}
.sidebar .card .product-shop .secure_transation_wrp:hover .secure_transation_con {
display: block
}
.sidebar .card .product-shop .secure_transation_wrp img.lazy {
max-width: unset !important;
max-height: unset !important;
width: 18px !important;
height: 18px !important
}
.sidebar .card .product-shop .secure_transation_wrp .transation_text {
font-size: 14px;
color: #666;
font-family: "poppinssemibold", sans-serif;
display: inline-block
}
.sidebar .card .product-shop .secure_transation_wrp .transation_text img {
margin-left: 5px
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con {
position: absolute;
top: 34px;
bottom: 0px;
left: 0;
width: 320px;
min-height: fit-content;
height: fit-content;
padding: 15px 20px;
background-color: #fff;
display: none;
border: 1px solid #eee;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, .1) 0px 4px 12px;
z-index: 10
}
@media(max-width: 1510px) {
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con {
width: 265px
}
}
@media(min-width: 1024px)and (max-width: 1300px) {
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con {
left: 2px;
width: 250px
}
}
@media(max-width: 400px) {
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con {
width: 290px
}
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con::before {
background: #fff;
border: 1px solid #e1dbdb;
border-right: 0;
border-bottom: 0;
content: "";
height: 18px;
position: absolute;
top: -11px;
left: calc(50% - 72px);
transform: rotate(45deg);
width: 18px
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con h5 {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #333;
margin-bottom: 8px;
line-height: 19px
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con p {
font-size: 13px;
font-family: "poppinsregular", sans-serif;
color: #333;
line-height: 19px
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con p::-webkit-scrollbar {
width: 5px
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con p::-webkit-scrollbar-track {
background: #e7e7e6
}
.sidebar .card .product-shop .secure_transation_wrp .secure_transation_con p::-webkit-scrollbar-thumb {
background: #f7d17a
}
.sidebar .card .product-shop .btn {
color: #333;
border-radius: 5px;
font-size: 14px;
font-family: "poppinssemibold", sans-serif !important;
line-height: 1;
width: 100%;
padding: 14px 10px !important;
border: 1px solid #333;
text-transform: uppercase
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card .product-shop .btn {
font-size: 14px;
padding: 10px
}
}
.sidebar .card .product-shop .btn.add-to-cart-btn {
background: linear-gradient(to bottom, #a50000 0%, #ff0000 50%, #a50000 100%);
margin-bottom: 15px;
color: #fff
}
.sidebar .card .product-shop .btn.add-to-cart-btn:hover {
background-color: #ffb100;
color: #151515
}
.sidebar .card .product-shop .btn.buy-now-btn {
background: linear-gradient(to bottom, #a50000 0%, #ff0000 50%, #a50000 100%);
margin-bottom: 20px;
color: #151515
}
.sidebar .card .product-shop .btn:focus {
box-shadow: none
}
.sidebar .card .product-shop span {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
font-style: italic;
display: block
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card .product-shop span {
font-size: 12px
}
}
.sidebar .card .delivery-partners {
margin-bottom: 20px
}
.sidebar .card .delivery-partners .partners_title {
font-size: 14px;
color: #151515;
margin-bottom: 10px;
font-family: "poppinssemibold"
}
.sidebar .card .delivery-partners .partners-options {
font-size: 14px;
color: #151515;
margin-bottom: 10px
}
.sidebar .card .delivery-partners .partners-options ul {
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px
}
.sidebar .card .delivery-partners .partners-options ul li {
margin-right: 10px
}
.sidebar .card .delivery-partners .partners-options ul li:last-child {
margin-right: 0px
}
.sidebar .card .product-features .content .features-heading {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
margin: 0;
display: inline-block;
border-bottom: 2px solid #ffb100;
padding-bottom: 6px
}
.sidebar .card .product-features .content .features-points {
margin: 0;
padding: 0;
list-style: none;
max-height: 180px;
overflow: auto;
height: 100%;
padding-right: 15px;
margin: 15px 0 0
}
.sidebar .card .product-features .content .features-points::-webkit-scrollbar {
width: 4px;
margin: 10px
}
.sidebar .card .product-features .content .features-points::-webkit-scrollbar-track {
width: 2px;
border-radius: 50px;
background: #fff
}
.sidebar .card .product-features .content .features-points::-webkit-scrollbar-thumb {
background: #ccc;
height: 20px;
width: 4px;
border-radius: 25px
}
.sidebar .card .product-features .content .features-points li {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #333;
line-height: 1.5;
margin-bottom: 12px;
position: relative;
padding-left: 20px
}
@media(min-width: 992px)and (max-width: 1400px) {
.sidebar .card .product-features .content .features-points li {
font-size: 12px;
margin-bottom: 10px
}
}
.sidebar .card .product-features .content .features-points li::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #333;
border-radius: 100%;
right: auto;
left: 0;
transform: translateY(8px)
}
.sidebar .card .text-success {
font-family: "poppinssemibold"
}
.dangerous-goods {
margin-bottom: 0px !important
}
.dangerous-goods a {
color: #151515;
font-family: "poppinsbold", sans-serif, sans-serif;
text-decoration: underline
}
.heading-sec {
margin-bottom: 24px;
border-bottom: 3px solid #f7f7f7;
position: relative;
padding: 0px;
padding-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center
}
.heading-sec .heading,
.heading-sec .dark-text.fw-700 {
margin: 0px !important;
padding: 0px;
font-size: 20px !important;
font-family: "poppinssemibold", sans-serif;
color: #151515;
line-height: 1
}
@media(min-width: 992px)and (max-width: 1400px) {
.heading-sec .heading,
.heading-sec .dark-text.fw-700 {
font-size: 16px
}
}
.heading-sec i {
color: #ffb100;
font-size: 20px
}
.heading-sec .view-more-btn {
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #151515;
text-decoration: underline;
display: inline-block;
padding: 6px 2px 2px 0;
transition: all .3s;
border: none;
background: rgba(0, 0, 0, 0)
}
@media(min-width: 992px)and (max-width: 1400px) {
.heading-sec .view-more-btn {
font-size: 14px
}
}
.heading-sec .view-more-btn:hover {
color: #ffb100
}
.heading-sec::after {
content: "";
position: absolute;
width: 150px;
height: 3px;
background: #ffb100;
left: 0;
bottom: 0;
transform: translateY(3px);
border-radius: 10px 0 0 10px
}
.owl-nav button {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%)
}
@media(min-width: 992px)and (max-width: 1700px) {
.owl-nav button {
width: 25px;
height: 25px
}
}
@media(min-width: 992px)and (max-width: 1700px) {
.owl-nav button .fa-solid {
font-size: 14px
}
}
.owl-nav button.owl-prev {
left: -14px !important
}
.owl-nav button.owl-next {
right: -14px !important
}
.owl-nav button.disabled {
opacity: .5;
cursor: not-allowed !important
}
.sizechartmodal table {
width: 100%;
overflow: auto
}
.sizechartmodal table td,
.sizechartmodal table tr,
.sizechartmodal table th {
white-space: nowrap;
padding: 10px
}
.fancybox-content img {
width: 100%;
max-width: 100%;
max-height: 100%;
height: 100%
}
.addtocartmodal .modal-content {
padding: 30px 20px !important;
text-align: center
}
.addtocartmodal .modal-content .badge {
font-size: 16px;
font-family: "poppinssemibold", sans-serif
}
.addtocartmodal .modal-content .badge.badge-success {
color: #198754
}
.addtocartmodal .modal-content .badge.badge-danger {
color: #e00f0f
}
.addtocartmodal .modal-content .status-icon.addition-successful {
width: 55px;
height: 55px;
margin: 0 auto;
background: #198754;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
margin-bottom: 10px;
border: 5px solid #62ce7b
}
.addtocartmodal .modal-content .status-icon.addition-successful i {
font-size: 22px;
color: #fff
}
.addtocartmodal .modal-content .status-icon.product-not-added {
width: 55px;
height: 55px;
margin: 0 auto;
background: #ff274d;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
margin-bottom: 10px;
border: 5px solid #ce2248
}
.addtocartmodal .modal-content .status-icon.product-not-added i {
font-size: 22px;
color: #fff
}
.addtocartmodal .modal-content .product-name {
font-size: 13px;
line-height: 19px;
padding: 0px 15px;
margin-top: 0;
font-family: "poppinsregular", sans-serif !important;
color: #666;
word-break: break-word
}
.addtocartmodal .modal-content .btn {
padding: 10px 25px !important
}
.modal .modal-title {
font-size: 20px;
font-family: "poppinssemibold", sans-serif
}
@keyframes colorchange {
0% {
color: #0d47a1
}
10% {
color: #4a148c
}
20% {
color: #00695c
}
40% {
color: #1a237e
}
60% {
color: #2c3e50
}
80% {
color: #512da8
}
100% {
color: #1b5e20
}
}
@-webkit-keyframes colorchange {
0% {
color: #0d47a1
}
10% {
color: #4a148c
}
20% {
color: #00695c
}
40% {
color: #1a237e
}
60% {
color: #2c3e50
}
80% {
color: #512da8
}
100% {
color: #1b5e20
}
}
.bundle-container {
padding: 20px;
border-radius: 10px;
border: 1px solid #eee;
margin-top: 10px;
word-break: break-word
}
.bundle-container h4 {
font-size: 16px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
border-bottom: double 2px #eee;
padding-bottom: 10px;
margin-bottom: 10px
}
.bundle-container .bundle-product.media {
border-bottom: 1px dashed #eee;
padding: 10px 0;
align-items: inherit;
display: flex
}
.bundle-container .bundle-product.media:last-child {
border-bottom: none
}
.bundle-container .bundle-product.media .media-left .media-object {
max-height: 100px;
max-width: 100px;
border: solid 1px #eee;
border-radius: 5px;
padding: 7px
}
.bundle-container .bundle-product.media .media-body {
margin-left: 8px
}
.bundle-container .bundle-product.media .media-body .media-heading {
line-height: 20px;
margin-bottom: 15px
}
.bundle-container .bundle-product.media .media-body .media-heading a {
color: #151515;
font-size: 13px;
font-family: "poppinsmedium", sans-serif
}
.bundle-container .bundle-product.media .media-body .bundle-detail .bundle-detail-btn {
position: relative;
border: 1px solid rgba(0, 0, 0, 0);
padding: 5px 12px 5px 12px;
background-color: #ffb919;
color: #151515;
text-transform: uppercase;
font-family: "poppinsmedium", sans-serif;
border-radius: 5px;
transition: .2s all;
font-size: 12px;
text-transform: capitalize;
white-space: nowrap
}
.bundle-container .bundle-product.media .media-body .bundle-detail .bundle-detail-btn i {
margin-right: 7px
}
.customer-reviews-section {
margin-top: 50px
}
.customer-reviews-section .heading-sec i {
font-size: 80%;
margin-top: -3px
}
.customer-review-card {
border-radius: 15px;
background-color: #fff;
border: solid 1px #eee
}
.customer-review-card .customer-name {
display: inline-block;
font-size: 18px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
padding: 0;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: solid 2px #ffb100
}
.customer-review-card .customer-comment {
font-size: 14px;
color: #666;
font-family: "poppinsregular", sans-serif;
line-height: 24px;
min-height: 75px
}
.customer-review-card .customer-rating {
margin-top: 0;
padding: 0px 0px 15px
}
.customer-review-card .customer-rating .rating i {
color: #ffb100
}
.customer-review-card .customer-rating .rating i.disabled {
color: #666
}
.product-table-wraper {
width: 100%;
margin: 0px auto;
overflow: auto
}
.similar-products-table {
border-color: #ddd !important
}
.similar-products-table th {
min-width: 200px;
background-color: #f8f8f8;
font-family: "poppinssemibold", sans-serif
}
.similar-products-table td {
min-width: 250px;
max-width: 250px
}
.similar-products-table tbody td:nth-child(1) {
border-right: 6px solid #eee;
border-bottom: 6px solid #eee;
padding: 15px !important;
border-left: 2px solid #ffb100;
border-top: 2px solid #ffb100;
box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px
}
.similar-products-table tbody td:nth-child(1) .details-sec .price {
font-size: 16px;
color: #151515;
font-family: "poppinsbold", sans-serif;
display: flex;
align-items: center;
justify-content: start
}
.similar-products-table tbody td:nth-child(1) .details-sec .view-product a {
display: inline-block;
color: #fff;
font-size: 14px;
background-color: #151515;
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
padding: 5px 15px;
border-radius: 5px;
width: 100%;
box-shadow: rgba(0, 0, 0, .05) 0px 1px 2px 0px
}
.similar-products-table tbody td:nth-child(1) .details-sec .view-product .current_product {
display: inline-block;
color: #fff;
font-size: 14px;
background-color: #151515;
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
padding: 5px 15px;
border-radius: 5px;
width: 100%;
box-shadow: rgba(0, 0, 0, .05) 0px 1px 2px 0px
}
.similar-products-table .veriation-options ul {
flex-wrap: nowrap;
padding: 3px !important;
display: flex;
gap: 15px;
overflow: auto;
margin-bottom: 0px;
padding-bottom: 10px
}
.similar-products-table .veriation-options ul li {
width: 50
}
.similar-products-table .veriation-options ul li label {
padding: 5px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
min-height: 70px;
min-width: 70px;
border: solid 1px #ccc;
margin: 0px;
border-radius: 3px;
transition: all .2s ease-in-out
}
.similar-products-table .veriation-options ul li label:hover {
cursor: pointer
}
.similar-products-table .veriation-options ul li img {
width: auto;
max-height: 50px !important;
height: auto;
max-width: 50px !important
}
.similar-products-table .veriation-options ul li:hover label {
border-color: #ffb100;
box-shadow: 0px 0 18px 1px #e9e9e9
}
.similar-products-table .veriation-options ul::-webkit-scrollbar {
height: 5px;
cursor: pointer
}
.similar-products-table .veriation-options ul::-webkit-scrollbar-track {
background: #f7f7f7
}
.similar-products-table .veriation-options ul::-webkit-scrollbar-thumb {
background: #ffb100;
height: 5px;
border-radius: 4px
}
.similar-products-table .product-img-wrap {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: 0px auto
}
.similar-products-table .product-img-wrap img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.similar-products-table .product-title {
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #151515;
line-height: 20px;
margin-top: 15px;
height: 60px;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left;
padding: 0px
}
.similar-products-table .store-sec {
margin-top: 15px;
display: flex;
align-items: center;
font-size: 12px;
color: #666;
font-family: "poppinsmedium", sans-serif;
justify-content: start;
margin-bottom: .3rem
}
.similar-products-table .view-product {
margin-top: 15px
}
.similar-products-table .view-product a {
display: inline-block;
color: #151515;
background-color: #ffb100;
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
padding: 5px 15px;
border-radius: 5px;
width: 100%;
box-shadow: rgba(0, 0, 0, .05) 0px 1px 2px 0px
}
.similar-products-table .rating-sec {
font-size: 13px;
color: #151515;
font-family: "poppinsmedium", sans-serif;
padding: 15px 0
}
.similar-products-table .rating-sec .rating {
border: 2px solid #ccc;
padding: 3px 10px;
border-radius: 15px
}
.similar-products-table .rating i {
color: #ffb100;
margin-right: 4px
}
.similar-products-table .price {
font-size: 16px;
color: #151515;
font-family: "poppinsbold", sans-serif
}
.similar-products-table .old-price {
font-size: 13px;
color: #eb0202;
font-family: "poppinsmedium", sans-serif;
text-decoration: line-through
}
.similar-products-table .deliver-date {
font-size: 13px;
color: #666;
text-align: center
}
.similar-products-table .deliver-date strong {
font-family: "poppinssemibold", sans-serif
}
.similar-products-table .details-sec .price {
font-size: 16px;
color: #151515;
font-family: "poppinsbold", sans-serif;
display: flex;
align-items: center;
justify-content: start
}
.similar-products-table .details-sec .product-image {
height: 100px;
width: 100px;
max-width: 100px;
max-height: 100px;
padding: 10px;
border: solid 1px #ccc;
border-radius: 10px
}
.similar-products-table .details-sec .product-image img {
width: 100%;
height: 100%
}
.similar-products-table td,
.similar-products-table th {
padding: 15px 10px !important
}
.line-chart .content {
display: inline-block;
padding: 0;
width: auto;
position: relative;
height: 100%;
z-index: 99
}
.line-chart .content .graph {
display: flex
}
.line-chart .content .graph .price-axis {
height: 100%;
position: relative;
margin-right: 20px
}
.line-chart .content .graph .price-axis .color {
width: 10px;
height: 300px;
background-image: linear-gradient(to bottom, rgb(255, 94, 0), orange, rgb(5, 150, 5));
border-radius: 30px;
margin: 0px
}
.line-chart .content .graph .chart {
width: 100%;
height: auto;
position: relative
}
.line-chart .content .graph .chart #myChart {
height: 300px !important;
width: auto !important
}
.line-chart .price_h_currency_note p {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
margin-top: 10px
}
.line-chart .price_h_currency_note p strong {
font-family: "poppinsbold", sans-serif, sans-serif
}
.review-form {
box-shadow: 0px 0px 8px 0px #eee;
padding: 25px !important;
border-radius: 10px;
border: solid 1px #eee;
margin-top: 30px;
background: #fff !important;
text-align: left
}
.review-form h2 {
font-size: 20px;
font-family: "poppinssemibold", sans-serif !important;
line-height: normal;
padding: 0px;
margin: 0px
}
.review-form .heading {
margin: 15px 0px;
display: block;
color: #151515;
padding: 5px 10px;
background: #eee;
border-radius: 5px;
font-size: 14px
}
.review-form .heading .review-product {
font-family: "poppinsregular", sans-serif
}
.review-form .rating-container .rate-product-v2 {
margin: 10px 0px
}
.review-form .rating-container .rating-stars {
font-size: 16px;
overflow: visible
}
.review-form .review-title {
font-family: "poppinssemibold", sans-serif
}
.review-form form .form-row {
display: inline-block;
width: 100%;
margin-left: 0px;
margin-right: 0px;
width: 100%;
margin-bottom: 20px;
display: inline-block
}
.review-form form .form-row .inputfield {
width: 100%;
height: auto !important
}
.review-form form .form-row label {
font-family: "poppinsmedium", sans-serif;
margin-bottom: 3px
}
.review-form form .form-row label em {
color: red
}
.review-form form .form-row input {
width: 100%;
padding: 10px 15px !important;
height: auto !important;
border: solid 1px #eee !important;
font-size: 13px !important;
background: #fff;
color: #151515;
border-radius: 5px !important;
line-height: normal
}
.review-form form .form-row input:focus {
border: solid 1px #eee;
outline: none
}
.review-form form .form-row textarea {
width: 100%;
height: 100px;
padding: 10px 15px !important;
height: auto !important;
border: solid 1px #eee !important;
font-size: 13px !important;
background: #fff;
color: #151515;
border-radius: 5px !important;
line-height: normal
}
.review-form form .form-row textarea:focus {
border: solid 1px #eee;
outline: none
}
.review-form form .form-check {
width: 100%;
margin-bottom: 20px;
display: inline-block
}
.review-form .rating-stars .validation-advice {
left: 0;
top: 25px;
position: absolute
}
.review-form .review-form-fields {
margin-top: 20px;
padding: 20px;
border-top: solid 1px #eee
}
.review-form .rating-container .rating-xs {
margin-bottom: 20px
}
.review-form .rating-container .caption {
font-size: 14px !important;
font-family: "poppinsbold", sans-serif;
text-transform: uppercase;
color: #151515 !important
}
.review-form .rate-product p {
word-break: break-word
}
.review-form .rating-container.rating-md {
height: 35px
}
.warrantyplansmodal .modal-content {
border-radius: 15px;
overflow: hidden
}
.warrantyplansmodal .modal-content .btn-close {
font-size: 14px;
width: 15px;
margin-left: auto;
position: absolute;
right: 10px;
top: 10px;
opacity: 1
}
.warrantyplansmodal .modal-content .btn-close:focus {
box-shadow: none;
border: none
}
.warrantyplansmodal .warranty-plans .content-sec {
text-align: center;
font-size: 20px;
font-family: "poppinsbold", sans-serif;
line-height: 25px;
background-color: #fff;
padding-top: 20px;
width: 100%;
overflow-x: auto
}
.warrantyplansmodal .warranty-plans .content-sec span {
padding: 0 10px
}
.warrantyplansmodal .warranty-plans table thead td:first-child,
.warrantyplansmodal .warranty-plans table thead th:first-child {
width: 50%
}
.warrantyplansmodal .warranty-plans table thead th {
padding: 40px
}
.warrantyplansmodal .warranty-plans table tbody tr:nth-child(odd) {
background-color: #f7f7f7
}
.warrantyplansmodal .warranty-plans .main-heading {
font-size: 32px;
font-family: "poppinsbold", sans-serif;
color: #ffb100;
text-align: left
}
@media(min-width: 992px)and (max-width: 1400px) {
.warrantyplansmodal .warranty-plans .main-heading {
font-size: 20px
}
}
.warrantyplansmodal .warranty-plans .plan-title {
font-size: 22px;
font-family: "poppinsbold", sans-serif;
color: #151515;
line-height: 1;
margin-top: 10px
}
.warrantyplansmodal .warranty-plans .plan-title span {
font-size: 14px;
display: block;
font-family: "poppinsbold", sans-serif
}
.warrantyplansmodal .warranty-plans .basic span {
color: #2a9341
}
.warrantyplansmodal .warranty-plans .plus span {
color: #ffb100
}
.warrantyplansmodal .warranty-plans .platinum span {
color: #ccc
}
.warrantyplansmodal .warranty-plans .plan-detail {
min-width: 250px;
padding: 20px 40px;
font-size: 14px;
margin: 0px;
text-align: left;
font-family: "poppinsregular", sans-serif
}
.warrantyplansmodal .warranty-plans .dropdown-toggle {
font-family: "poppinssemibold", sans-serif;
color: #151515;
background: #ffb100;
min-width: 160px;
text-transform: uppercase;
border: none
}
.warrantyplansmodal .warranty-plans .dropdown-toggle::after {
display: none
}
.warrantyplansmodal .warranty-plans .dropdown-toggle:focus {
box-shadow: none;
border: none
}
.warrantyplansmodal .warranty-plans .dropdown-toggle i {
margin-left: 10px !important
}
.warrantyplansmodal .warranty-plans .dropdown-menu {
padding: 0;
left: 0px !important;
transform: translateY(0) !important;
bottom: 100% !important;
top: auto !important
}
.warrantyplansmodal .warranty-plans .dropdown-menu .dropdown-item {
font-size: 14px;
cursor: pointer;
padding: 8px 10px;
border-bottom: solid 1px #eee;
line-height: 1
}
.warrantyplansmodal .warranty-plans .dropdown-menu .dropdown-item:last-child {
border-bottom: none
}
.warrantyplansmodal .warranty-plans .dropdown-menu .warranty_policy_plan.selected-option {
background-image: url("https://d2ati23fc66y9j.cloudfront.net/warrantyplans/dropdown-selected.svg");
background-repeat: no-repeat;
background-position: 92% center;
font-family: "poppinssemibold", sans-serif;
padding-right: 40px
}
.warrantyplansmodal .warranty-terms-conditon {
padding: 20px;
border-radius: 15px;
background: #fafafa;
border: solid 1px #eee
}
.warrantyplansmodal .warranty-terms-conditon p {
font-size: 14px;
margin-bottom: 10px;
color: #333;
padding-left: 25px;
position: relative
}
.warrantyplansmodal .warranty-terms-conditon .content {
max-height: 200px;
overflow: auto;
padding-right: 15px
}
.warrantyplansmodal .warranty-terms-conditon .content .heading {
font-size: 18px;
font-family: "poppinsbold", sans-serif;
margin-bottom: 15px
}
.warrantyplansmodal .warranty-terms-conditon .content .description p {
color: #333;
font-size: 13px
}
.warrantyplansmodal .warranty-terms-conditon .content .description p::before {
content: "";
height: 15px;
width: 15px;
position: absolute;
left: 0;
top: 4px;
display: block;
background: url(https://d2ati23fc66y9j.cloudfront.net/warrantyplans/list-items.png) no-repeat
}
.warrantyplansmodal .warranty-terms-conditon .content::-webkit-scrollbar {
width: 5px;
margin: 10px
}
.warrantyplansmodal .warranty-terms-conditon .content::-webkit-scrollbar-track {
width: 2px;
border-radius: 50px;
background: #fff
}
.warrantyplansmodal .warranty-terms-conditon .content::-webkit-scrollbar-thumb {
background: #ffb100;
height: 30px;
width: 5px;
border-radius: 25px
}
.warrantyplansmodal .accept-contitions {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #666;
word-break: break-word
}
.warrantyplansmodal .accept-contitions a {
text-decoration: underline
}
.warrantyplansmodal .accept-contitions a:hover {
color: #ffb100
}
.warrantyplansmodal .warranty-cost {
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif
}
.warrantyplansmodal .warranty-cost strong {
font-family: "poppinssemibold", sans-serif
}
.warrantyplansmodal .warranty-actions .btn {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
padding: 10px 35px;
text-transform: uppercase;
border-radius: 5px;
border: none
}
.warrantyplansmodal .warranty-actions .btn:focus {
box-shadow: none;
border: none
}
.warrantyplansmodal .warranty-actions .btn-secondary {
background: #efefef
}
.warrantyplansmodal .warranty-actions .btn-primary {
margin-left: 10px;
background: #ffb100
}
.detail-usp-slider {
padding: 0px 14px
}
.detail-usp-slider .card {
text-align: center;
border: none;
padding: 3px
}
.detail-usp-slider .card img {
width: 30px;
height: 30px;
max-width: 100%;
margin: auto
}
.detail-usp-slider .card h3 {
font-size: 12px;
line-height: 1.4;
font-family: "poppinsmedium", sans-serif;
color: #666;
margin: 0;
padding-top: 10px
}
.payment-method-options {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0px 14px
}
.payment-method-options .card {
text-align: center
}
.payment-method-options .card img {
width: auto;
margin: auto;
height: auto;
max-width: 100%
}
.price-box {
display: flex;
align-items: center;
margin-bottom: 15px;
white-space: nowrap;
line-height: 1
}
.price-box h2 {
font-size: 24px;
font-family: "poppinsExtraBold", sans-serif;
color: #151515;
margin: 0;
padding: 0;
margin-left: 0px !important;
margin-right: 8px !important;
margin-bottom: -2px !important
}
.price-box .product-old-price {
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #e00f0f;
line-height: 1;
margin-left: 0px !important;
margin-right: 8px !important
}
.price-box .btn-tooltip {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #198754 !important;
line-height: 1;
border: 1px solid #198754 !important;
border-radius: 4px;
padding: 8px !important;
text-transform: uppercase
}
@media(min-width: 992px)and (max-width: 1400px) {
.price-box .btn-tooltip {
font-size: 13px !important;
padding: 5px !important
}
}
.price-box .product-price {
min-height: 14px;
width: 85%;
color: #151515;
line-height: 1;
font-size: 14px;
font-family: "poppinsbold", sans-serif;
display: flex;
align-items: center;
margin: 0;
margin-top: 12px
}
@media screen and (max-width: 992px) {
.price-box .product-price {
font-size: 12px
}
}
.price-box .you-save-price {
font-size: 14px !important;
color: #151515 !important;
margin: 0px !important;
font-family: "poppinssemibold", sans-serif
}
.price-box .you-save-price ins {
text-decoration: none
}
.price-box .you-save-price .amount {
-webkit-animation: colorchange 10s infinite alternate
}
.price-box .price-detail-in-out {
margin-top: -3px;
margin-right: 10px !important;
margin-left: 0px !important
}
.price-box .price-detail-in-out .price-info {
position: relative
}
.price-box .price-detail-in-out .price-info i {
font-size: 10px;
padding: 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-border: 1px solid #aaa;
border: 1px solid #aaa;
color: #aaa;
height: 20px;
width: 20px;
text-align: center;
cursor: pointer
}
.price-box .price-detail-in-out .price-info .info-block-description {
opacity: 0;
position: absolute;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
max-width: 500px;
min-width: 300px;
display: block;
background: #fff;
left: 25px;
top: 5px;
padding: 0;
-webkit-box-shadow: 4px 4px 3px #ddd;
-moz-box-shadow: 4px 4px 3px #ddd;
box-shadow: 4px 4px 3px #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ddd;
z-index: -1
}
.price-box .price-detail-in-out .price-info .info-block-description .info-top {
padding: 10px 10px 0 10px
}
.price-box .price-detail-in-out .price-info .info-block-description .info-top .info-title {
display: block;
font-size: 12px;
color: #464646;
padding-bottom: 10px;
margin: 0px;
border-bottom: 1px dashed #ccc
}
.price-box .price-detail-in-out .price-info .info-block-description .info-bottom {
padding: 0 10px
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details {
margin: 5px auto;
display: block
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details .price-label {
display: inline-block
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details .price-label p {
font-size: 12px;
color: #151515
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details .price {
display: inline-block;
float: right;
text-align: right
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details .price span {
color: #878787;
font-size: 12px;
font-weight: normal;
text-decoration: line-through
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details.special-price {
border-bottom: 1px solid #ccc;
display: flex;
justify-content: space-between;
align-items: center;
margin: 2px auto;
padding: 5px 0px
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details.special-price .price-label h6 {
display: block;
color: #464646;
margin: 0px;
font-size: 14px;
font-family: "poppinssemibold", sans-serif
}
.price-box .price-detail-in-out .price-info .info-block-description .price-details.special-price .price span {
color: #464646;
font-family: "poppinsbold", sans-serif;
text-decoration: none
}
.price-box .price-detail-in-out .price-info .info-block-description .short-description {
color: #878787;
margin: 10px 0 5px;
font-family: "poppinsregular", sans-serif;
font-size: 12px
}
.price-box .price-detail-in-out .price-info .info-block-description .short-description span {
color: #878787;
font-size: 12px;
margin: 0;
display: block;
white-space: normal
}
.price-box .price-detail-in-out .price-info .info-block-description .terms {
text-align: right;
font-size: 12px;
margin-bottom: 5px;
color: #878787
}
.price-box .price-detail-in-out .price-info:hover .info-block-description {
opacity: 1;
z-index: 11
}
.price-box .price-detail-in-out p {
line-height: normal;
margin: 0px
}
.single-product-content {
display: flex;
flex-direction: column;
gap: 25px;
padding: 0 24px
}
.single-product-content .head-content .brand-name {
flex-wrap: wrap;
gap: 5px
}
.single-product-content .head-content .brand-name a {
font-family: "poppinsmedium", sans-serif
}
.single-product-content .head-content .item-id {
margin-bottom: 12px;
font-family: "poppinssemibold", sans-serif
}
@media(min-width: 992px)and (max-width: 1400px) {
.single-product-content .head-content .item-id {
margin-bottom: 15px
}
}
.single-product-content .head-content .title {
font-size: 22px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
line-height: 1.4;
margin-bottom: 15px;
word-break: break-word
}
@media(min-width: 992px)and (max-width: 1400px) {
.single-product-content .head-content .title {
font-size: 20px;
margin-bottom: 15px
}
}
.single-product-content .head-content .title .brand {
margin-bottom: 15px;
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #333
}
@media(min-width: 992px)and (max-width: 1400px) {
.single-product-content .head-content .title .brand {
margin-bottom: 15px
}
}
.single-product-content .head-content .ub_purchase-count {
font-size: 13px;
font-style: italic;
font-weight: 500;
font-family: "Droid Arabic Kufi", "Poppinsregular", sans-serif !important;
color: #666
}
@media(max-width: 575px) {
.single-product-content .head-content .ub_purchase-count {
font-size: 12px
}
}
.single-product-content .head-content .respondents {
font-size: 13px;
color: #999;
font-style: italic
}
.single-product-content .head-content .rating {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #666
}
@media(min-width: 992px)and (max-width: 1400px) {
.single-product-content .head-content .rating {
margin-bottom: 15px
}
}
.single-product-content .head-content .rating .write-review {
text-decoration: underline
}
.single-product-content .head-content .rating .write-review i {
margin-right: 5px
}
.single-product-content .head-content .rating-container {
margin-right: 10px
}
.single-product-content .head-content .total_review {
margin-right: 15px !important
}
.single-product-content .head-content .availability,
.single-product-content .head-content .product-store {
font-size: 14px;
font-family: "poppinsmedium", sans-serif;
color: #151515
}
@media(min-width: 992px)and (max-width: 1400px) {
.single-product-content .head-content .availability img,
.single-product-content .head-content .product-store img {
width: 20px
}
}
.single-product-content .head-content .availability {
font-family: "poppinssemibold", sans-serif;
display: flex;
align-items: center
}
.single-product-content .head-content .availability .out-of-stock {
color: #e00f0f;
font-family: "poppinsmedium", sans-serif
}
.single-product-content .head-content .availability .in-stock {
color: #198754;
font-family: "poppinsmedium", sans-serif
}
.single-product-content .head-content .eligibility-sec {
margin-top: 20px
}
.single-product-content .head-content .eligibility-sec .free-shipping-note .left-sec {
color: #151515;
font-family: "poppinsmedium", sans-serif;
background: rgba(51, 177, 105, .1411764706);
padding: 4px 15px 4px 40px;
border-radius: 50px;
display: inline-block;
position: relative;
margin-left: 10px
}
.single-product-content .head-content .eligibility-sec .free-shipping-note .left-sec .shipping-icon {
position: absolute;
height: 165%;
width: 48px;
background: #029e46;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
left: -12px;
border-radius: 100%;
color: #fff;
margin: 0px;
background-image: url(https://www.ubuy.ae/skin/frontend/default/ubuycom-v1/images/free-shipping-truck.svg);
background-size: 100%
}
@media(max-width: 1400px) {
.single-product-content .head-content .eligibility-sec .free-shipping-note .left-sec .shipping-icon {
width: 47px;
height: 130%;
font-size: 18px
}
}
.single-product-content .head-content .eligibility-sec .free-shipping-note .left-sec .shipping-icon .fa-solid.fa-truck-fast {
display: none
}
@media(max-width: 1400px) {
.single-product-content .head-content .eligibility-sec .free-shipping-note .left-sec {
padding: 7px 10px 7px 40px
}
}
.single-product-content .head-content .eligibility-sec .free-shipping-note span {
margin-left: 10px;
line-height: 36px;
cursor: pointer;
text-decoration: underline
}
@media(max-width: 1400px) {
.single-product-content .head-content .eligibility-sec .free-shipping-note {
font-size: 13px
}
}
.single-product-content .head-content .eligibility-sec .delivery-charge {
font-family: "poppinssemibold", sans-serif;
margin-top: 20px;
max-width: 320px
}
.single-product-content .head-content .eligibility-sec .delivery-charge label {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
white-space: nowrap;
margin-right: 15px;
padding-top: 15px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec {
white-space: nowrap;
border: solid 1px #ccc;
padding: 5px 0px;
border-radius: 5px;
display: flex;
align-items: center;
width: 100%
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec i {
font-size: 16px;
color: #ffb100;
min-width: 40px;
min-height: 20px;
display: flex;
align-items: center;
justify-content: center
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field {
width: 100%
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field input[type=number] {
border: none;
width: 100%
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field input[type=number]:focus-visible {
border: none;
outline: none;
box-shadow: none
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field .city-listing {
width: 100%
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field .city-listing .dropdown-toggle {
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
font-family: "poppinsregular", sans-serif !important;
text-align: left;
width: 100%;
padding: 5px !important;
display: flex;
align-items: center;
justify-content: space-between;
color: #151515;
border: none;
background: none !important;
cursor: pointer
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field .city-listing .dropdown-toggle::after {
content: "";
font-family: "font awesome 6 free";
font-size: 14px;
color: #151515 !important;
transform: none;
border: none;
font-family: "poppinsblack", sans-serif;
margin-right: 10px;
line-height: 8px !important;
width: 10px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field .city-listing .dropdown-menu {
width: 100%;
padding: 0px;
border-radius: 0px;
max-height: 300px;
overflow: auto
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .content-field .city-listing .dropdown-menu .dropdown-item {
display: flex;
align-items: center;
white-space: nowrap;
font-size: 13px;
font-family: "Poppins", sans-serif !important;
color: #151515;
font-family: "poppinsregular", sans-serif;
cursor: pointer;
border-bottom: solid 1px #eee;
line-height: 1;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
padding: 8px 10px;
position: relative
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .check {
padding: 5px 20px;
border-left: solid 1px #ccc;
width: fit-content;
text-align: center
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .check .check-button {
color: #151515;
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
border: none;
background: none
}
.single-product-content .head-content .eligibility-sec .delivery-charge .form-sec .check .check-button:focus {
outline: none;
box-shadow: none;
border: none
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est {
font-size: 14px;
display: flex;
margin-top: 10px;
width: 100%;
font-family: "poppinsmedium", sans-serif, sans-serif;
line-height: 1;
color: #666;
align-items: center
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .value {
color: #198754;
font-family: "poppinssemibold", sans-serif;
margin-left: 5px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .shipping-info {
margin-left: 10px;
position: relative
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .shipping-info i {
font-size: 10px;
padding: 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-border: 1px solid #aaa;
border: 1px solid #aaa;
color: #aaa;
height: 20px;
width: 20px;
text-align: center;
cursor: pointer
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .shipping-info .shipping-info-content {
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
width: 300px;
opacity: 0;
transition: all .5s ease-in-out;
max-width: 500px;
min-width: 300px;
display: block;
background: #fff;
box-shadow: 4px 4px 3px #ddd;
border-radius: 10px;
border: 1px solid #ddd;
z-index: -1;
padding: 10px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .shipping-info .shipping-info-content p {
font-size: 13px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .est .shipping-info:hover .shipping-info-content {
opacity: 1;
z-index: 11
}
.single-product-content .head-content .eligibility-sec .delivery-charge .zipcode-info {
font-size: 14px
}
.single-product-content .head-content .eligibility-sec .delivery-charge .zipcode-info p {
margin-top: 10px;
margin-bottom: 0px
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg {
background-image: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom-v1/images/energy-badges.svg);
height: 24px;
width: 45px;
background-repeat: no-repeat
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-a {
background-position: 0 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-b {
background-position: -45px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-c {
background-position: -90px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-d {
background-position: -135px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-e {
background-position: -180px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-f {
background-position: -225px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-g {
background-position: -270px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-a-plus {
background-position: -315px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-a-plus2 {
background-position: -360px 0
}
.single-product-content .head-content .energy-rating-sec .energy-rating-bg.energy-rating-a-plus3 {
background-position: -405px 0
}
.single-product-content .head-content .energy-rating-sec .a-color-link {
color: green;
padding-left: 5px
}
.single-product-content .head-content .energyRrating-popup .modal-header button.close {
background: rgba(0, 0, 0, 0);
border: 0px
}
.single-product-content .head-content .energyRrating-popup .modal-body .img-fluid {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto
}
.single-product-content .bottom-content .border-box {
border: 1px solid #eee;
border-radius: 8px;
padding: 14px 0px;
margin-bottom: 20px
}
.single-product-content .bottom-content .border-box .separator {
margin: 1.2rem 0
}
.single-product-content .bottom-content .prime-text {
font-size: 12px;
font-family: "poppinsregular", sans-serif;
color: #666
}
.single-product-content .bottom-content .prime-text .font-weight-bold {
font-family: "poppinsmedium", sans-serif !important;
font-size: 13px;
font-weight: unset
}
.single-product-content .bottom-content .prime-text a {
color: #dcb700;
text-decoration: underline;
transition: all .3s;
white-space: nowrap;
font-family: "poppinssemibold", sans-serif
}
.single-product-content .bottom-content .prime-text a:hover {
color: #ffb100
}
.single-product-content .form-row .ub-personalization_wrapper .ub_title {
font-size: 14px;
font-weight: 600;
color: #151515;
font-family: "poppinsbold", sans-serif
}
.single-product-content .form-row .ub-personalization_wrapper p {
color: #464646;
font-size: 12px;
font-weight: 400;
font-family: "poppinsmedium", sans-serif !important;
margin: .2rem 0 .5rem 0
}
.single-product-content .form-row .ub-personalization_wrapper .ub_custom-text .word-limit-textarea {
width: 100%;
border-color: #d7d7d7;
border-radius: 5px;
padding: 8px 12px;
height: 80px;
color: #464646;
font-size: 14px !important;
font-family: "poppinsregular"
}
.single-product-content .form-row .ub-personalization_wrapper .ub_custom-text .character-count {
display: flex;
align-items: center;
justify-content: end;
font-family: "poppinsregular", sans-serif;
font-weight: 400;
font-size: 12px
}
.note-danger {
padding: 12px 15px;
border-radius: 7px;
background: #ffd5d5;
font-family: "poppinsmedium", sans-serif;
width: 100%;
border: solid 1px #fd9c9c
}
.cart-overlay {
z-index: 999 !important
}
.product-detail-section {
display: flex;
flex-direction: column;
gap: 44px;
padding-right: 24px;
margin-top: 50px
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section {
margin-top: 50px;
gap: 20px;
padding-right: 0
}
}
.product-detail-section .chat-with-us {
padding: 11px 20px;
display: inline-flex;
align-items: center;
background: #fff6e0;
border-radius: 10px;
font-family: "poppinsregular", sans-serif;
font-size: 14px;
color: #151515;
display: inline-flex;
width: max-content
}
.product-detail-section .chat-with-us span,
.product-detail-section .chat-with-us a {
text-decoration: underline;
margin-left: 5px;
cursor: pointer;
font-family: "poppinssemibold", sans-serif;
color: #151515
}
.product-detail-section .chat-with-us i {
font-size: 20px;
color: #ffb100;
margin-right: 15px;
line-height: 1
}
.product-detail-section .product-points {
margin: 0;
padding: 0;
list-style: none
}
.product-detail-section .product-points li {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151515;
margin-bottom: 20px;
padding-left: 28px;
display: flex;
align-items: center;
position: relative
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .product-points li {
font-size: 13px
}
}
.product-detail-section .product-points li:last-child {
margin-bottom: 0
}
.product-detail-section .product-points li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
background: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom/detail-v4/product-icon.svg) no-repeat;
width: 15px;
height: 15px;
background-size: 100%
}
.product-detail-section .product-description h1 {
font-size: 25px;
margin-bottom: 20px;
margin-top: 20px
}
.product-detail-section .product-description h2 {
font-size: 22px;
margin-bottom: 20px;
margin-top: 20px
}
.product-detail-section .product-description h3 {
font-size: 18px;
margin-bottom: 30px;
margin-top: 30px
}
.product-detail-section .product-description h4 {
font-size: 16px;
margin-bottom: 30px;
margin-top: 30px
}
.product-detail-section .product-description img {
max-width: 100%;
height: auto;
margin-bottom: 30px;
margin-top: 30px
}
.product-detail-section .product-description table tr:nth-child(odd) td {
background-color: #f2f2f2 !important
}
.product-detail-section .product-description table th,
.product-detail-section .product-description table td {
border: 0 solid #eee !important;
line-height: normal;
border-bottom: 1px solid #eee !important;
padding: 15px !important;
white-space: normal
}
.product-detail-section .buying_guide_content .guide-content {
margin-top: 20px
}
.product-detail-section .buying_guide_content .guide-content .heading-sec {
margin-top: 30px;
border-bottom: 0px !important;
margin-bottom: 10px !important;
padding-bottom: 0px !important
}
.product-detail-section .buying_guide_content .guide-content .heading-sec:after {
content: none
}
.product-detail-section .buying_guide_content .guide-content .heading-sec .subheading,
.product-detail-section .buying_guide_content .guide-content .heading-sec .heading {
font-size: 14px;
font-family: "poppinssemibold", sans-serif
}
.product-detail-section .buying_guide_content .guide-content ul {
padding: 0px;
margin: 0px
}
.product-detail-section .buying_guide_content .guide-content ul li {
font-family: "poppinsregular", sans-serif;
font-size: 14px;
margin: 10px 0px;
position: relative;
padding-left: 30px
}
.product-detail-section .buying_guide_content .guide-content ul li:before {
content: "";
font-family: "font awesome 6 free";
font-size: 16px;
color: #ffb100 !important;
transform: none;
border: none;
position: absolute;
left: 0;
top: 0
}
.product-detail-section .buying_guide_content .shop-guide {
display: inline-block;
color: #151515;
font-family: "poppinssemibold", sans-serif;
margin-top: 15px;
text-decoration: underline
}
.product-detail-section .featureTable {
position: relative;
width: 100%;
border: 1px solid #ccc;
table-layout: fixed;
margin-top: 30px
}
.product-detail-section .featureTable tr {
background: rgba(0, 0, 0, 0);
border: 1px solid #ccc
}
.product-detail-section .featureTable tr:nth-child(odd) {
background: #f7f7f7
}
.product-detail-section .featureTable tr:first-child {
border-top: none
}
.product-detail-section .featureTable tr:last-child {
border-bottom: none
}
.product-detail-section .featureTable tr td {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151515;
padding: 14px 20px;
word-wrap: break-word
}
.product-detail-section .featureTable tr td:nth-child(odd) {
border-right: 1px solid #ccc
}
.product-detail-section p {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151515;
line-height: 1.5;
margin: 0
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section p {
font-size: 13px
}
}
.product-detail-section .more-content {
display: none
}
.product-detail-section .product-faq .list-group .list-group-item {
border: none;
border-bottom: 1px solid #eee;
padding: 0;
padding-bottom: 18px;
margin-bottom: 18px
}
.product-detail-section .product-faq .list-group .list-group-item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none
}
.product-detail-section .product-faq .list-group .list-group-item strong {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515
}
.product-detail-section .product-faq .list-group .list-group-item .faq-answer {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151515
}
.product-detail-section .pros-cons .pros h3 {
font-size: 18px;
font-family: "poppinssemibold", sans-serif;
color: #198754;
line-height: 1;
margin-bottom: 32px
}
.product-detail-section .pros-cons .cons h3 {
color: #e00f0f;
font-size: 18px;
font-family: "poppinssemibold", sans-serif;
line-height: 1;
margin-bottom: 32px
}
.product-detail-section .pros-cons ul {
margin: 0;
padding: 0;
list-style: none
}
.product-detail-section .pros-cons ul li.pros-group-item,
.product-detail-section .pros-cons ul li.cons-group-item {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #151515;
margin-bottom: 20px;
padding-left: 38px;
display: flex;
align-items: center;
position: relative
}
.product-detail-section .pros-cons ul li.pros-group-item:last-child,
.product-detail-section .pros-cons ul li.cons-group-item:last-child {
margin-bottom: 0
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .pros-cons ul li.pros-group-item,
.product-detail-section .pros-cons ul li.cons-group-item {
font-size: 12px;
padding-left: 36px
}
}
.product-detail-section .pros-cons ul li.pros-group-item::before,
.product-detail-section .pros-cons ul li.cons-group-item::before {
content: "";
position: absolute;
left: 0;
background: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom/detail-v4/like-up.png) no-repeat;
width: 24px;
height: 24px
}
.product-detail-section .pros-cons ul li.pros-group-item.cons-group-item::before,
.product-detail-section .pros-cons ul li.cons-group-item.cons-group-item::before {
content: "";
position: absolute;
left: 0;
background: url(https://d2ati23fc66y9j.cloudfront.net/ubuycom/detail-v4/like-down.png) no-repeat;
width: 24px;
height: 24px
}
.product-detail-section .product-testimonial .rating-view {
position: absolute;
right: 0;
top: 0;
line-height: 1;
display: flex
}
.product-detail-section .product-testimonial .rating-view .total_review {
font-size: 14px;
margin-left: 5px;
font-family: "poppinssemibold", sans-serif;
color: #151515
}
.product-detail-section .product-testimonial .testimonial-slider {
max-height: 600px;
height: 100%;
overflow: auto;
padding-right: 15px;
padding-top: 30px;
margin-top: 10px;
border-top: solid 1px #ccc
}
.product-detail-section .product-testimonial .testimonial-slider::-webkit-scrollbar {
width: 4px;
margin: 10px
}
.product-detail-section .product-testimonial .testimonial-slider::-webkit-scrollbar-track {
width: 2px;
border-radius: 50px;
background: #f7f7f7
}
.product-detail-section .product-testimonial .testimonial-slider::-webkit-scrollbar-thumb {
background: #ccc;
height: 20px;
width: 4px;
border-radius: 25px
}
.product-detail-section .product-testimonial .testimonial-slider .card {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
padding: 0 0 15px 50px;
margin: 20px 0;
position: relative
}
.product-detail-section .product-testimonial .testimonial-slider .card:last-child {
border-bottom: none
}
.product-detail-section .product-testimonial .testimonial-slider .card .user-img {
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 40px;
border-radius: 100px;
border: solid 1px #eee
}
.product-detail-section .product-testimonial .testimonial-slider .card .user-img img {
width: 100%;
height: 100%;
border-radius: 100px;
object-fit: cover
}
.product-detail-section .product-testimonial .testimonial-slider .card .card-header {
background: rgba(0, 0, 0, 0);
border: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0
}
.product-detail-section .product-testimonial .testimonial-slider .card .card-header .card-title {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
margin: 0
}
.product-detail-section .product-testimonial .testimonial-slider .card .card-body {
padding: 0;
margin-top: 14px
}
.product-detail-section .product-testimonial .testimonial-slider .card .rating-stars .star {
font-size: 14px
}
.product-detail-section .product-testimonial .customer-ratings {
padding-right: 40px;
margin-bottom: 20px;
color: #666;
font-size: 14px;
font-family: "poppinsmedium", sans-serif
}
.product-detail-section .product-testimonial .customer-ratings .rating-count {
font-family: "poppinsbold", sans-serif;
color: #151515
}
.product-detail-section .product-testimonial .product-review {
padding-right: 40px
}
.product-detail-section .product-testimonial .product-review .progress-group {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 70px
}
.product-detail-section .product-testimonial .product-review .progress-group li {
margin-bottom: 30px
}
.product-detail-section .product-testimonial .product-review .progress-group li:last-child {
margin-bottom: 0
}
.product-detail-section .product-testimonial .product-review .progress-group li span {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
white-space: nowrap;
color: #151515;
line-height: 1;
display: inline-block
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .product-testimonial .product-review .progress-group li span {
font-size: 14px
}
}
.product-detail-section .product-testimonial .product-review .progress-group li .progress {
background: #f4f4f4;
border-radius: 8px;
height: 5px;
width: 80%;
margin: 0px 10px
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .product-testimonial .product-review .progress-group li .progress {
width: 70%
}
}
.product-detail-section .product-testimonial .product-review .progress-group li .progress .progress-bar {
background: #198754;
border-radius: 8px;
height: 5px
}
.product-detail-section .product-testimonial .review-topbar {
background-color: #f8f8fa !important;
padding-left: 20px;
padding-right: 20px;
color: #151515 !important;
margin-bottom: 30px
}
.product-detail-section .product-testimonial .review-topbar .search-by-brand {
background-color: #fff;
border-radius: 10px;
display: flex;
align-items: center
}
.product-detail-section .product-testimonial .review-topbar .search-by-brand .input-group-text {
width: 40px;
height: 30px;
display: flex;
align-items: center;
justify-content: center
}
.product-detail-section .product-testimonial .review-topbar .search-by-brand input[type=text] {
border: none;
font-size: 14px;
padding-left: 0px
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb {
font-size: 14px;
font-family: "poppinsmedium", sans-serif
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb span {
font-size: 14px !important;
font-family: "poppinsmedium", sans-serif
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-toggle {
line-height: 27px;
border: none !important;
padding: 0px !important
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-toggle:after {
content: "";
font-family: "font awesome 6 free";
font-size: 12px;
color: #151515 !important;
transform: none;
border: none;
margin-left: 7px;
margin-top: 6px !important;
line-height: 10px !important;
vertical-align: top
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu {
padding: 0px !important;
left: auto;
right: 0
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu .dropdown-item {
font-size: 14px !important;
cursor: pointer;
font-family: "poppinsmedium", sans-serif, sans-serif !important
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu .dropdown-item.active,
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu .dropdown-item:hover {
background-color: #ffb100 !important;
color: #fff !important
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu .dropdown-item:first-child {
border-radius: 5px 5px 0px 0px !important
}
.product-detail-section .product-testimonial .review-topbar .order-detail-breadcrumb .dropdown-menu .dropdown-item:last-child {
border-radius: 0px 0px 5px 5px !important
}
.product-detail-section .product-testimonial .review-topbar .review-form {
padding: 25px;
border-radius: 10px;
border: solid 1px #eee;
margin-top: 30px
}
.product-detail-section .product-testimonial .review-topbar .review-form h2 {
font-family: "poppinssemibold", sans-serif !important;
white-space: normal !important
}
.product-detail-section .product-testimonial .review-topbar .review-form .heading {
margin: 15px 0px;
display: block;
color: #151515;
padding: 5px 10px;
background: #eee;
border-radius: 5px;
font-size: 14px
}
.product-detail-section .product-testimonial .review-topbar .review-form .rating-container .rating-stars {
font-size: 16px
}
.product-detail-section .product-testimonial .review-topbar .review-form .review-title {
font-family: "poppinssemibold", sans-serif
}
.product-detail-section .product-testimonial .customer-detail {
display: flex
}
.product-detail-section .product-testimonial .customer-detail .customer-image {
margin-right: 30px;
height: 71px;
width: 71px;
border-radius: 4px;
overflow: hidden
}
.product-detail-section .product-testimonial .customer-detail .customer-image img {
border: solid 1px #eee;
height: auto;
width: 100%;
border-radius: 4px;
max-height: 100%;
border-radius: 4px
}
.product-detail-section .product-testimonial .name {
word-break: break-word;
font-size: 14px;
font-family: "poppinsbold", sans-serif;
margin-bottom: 5px;
text-transform: capitalize
}
.product-detail-section .product-testimonial .date {
color: #666;
font-family: "poppinsmedium", sans-serif;
font-family: "Poppins", sans-serif;
font-size: 13px;
word-break: break-word;
margin-top: 5px
}
.product-detail-section .product-testimonial .rating-container {
line-height: 1;
position: relative
}
.product-detail-section .product-testimonial .rating-container .rating-stars {
font-size: 12px
}
.product-detail-section .product-testimonial .comment-heading {
font-size: 14px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
margin-top: 10px;
margin-bottom: 5px
}
.product-detail-section .product-testimonial .comment-des {
font-size: 14px;
font-weight: normal !important;
word-break: break-word
}
.product-detail-section .product-testimonial .box-wrap .write-review {
display: flex;
align-items: cemter;
justify-content: space-between;
margin-bottom: 10px
}
.product-detail-section .product-testimonial .box-wrap .write-review .heading {
margin: 0px !important;
padding: 0px;
font-size: 22px !important;
font-family: "poppinssemibold", sans-serif;
color: #151515
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .product-testimonial .box-wrap .write-review .heading {
font-size: 16px
}
}
.product-detail-section .product-testimonial .box-wrap .write-review i {
font-size: 20px;
color: #ffb100
}
.product-detail-section .product-testimonial .box-wrap p {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #666;
margin: 5px 0 30px
}
.product-detail-section .product-testimonial .box-wrap .btn {
background: #333;
border-radius: 6px;
padding: 15px 10px !important;
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #fff;
max-width: 100%;
min-width: 215px;
line-height: 1
}
@media(min-width: 992px)and (max-width: 1400px) {
.product-detail-section .product-testimonial .box-wrap .btn {
width: 222px;
font-size: 14px;
padding: 10px
}
}
.product-detail-section .product-testimonial .box-wrap .btn:focus {
box-shadow: none
}
.product-detail-section .product-testimonial .ub_product-review-section {
padding: 0px 10px 0 10px !important;
max-height: 550px !important;
height: 100% !important;
overflow: auto !important
}
.product-detail-section .product-testimonial .ub_product-review-section::-webkit-scrollbar {
width: 6px
}
.product-detail-section .product-testimonial .ub_product-review-section::-webkit-scrollbar-track {
background: #eee;
border-radius: 10px
}
.product-detail-section .product-testimonial .ub_product-review-section::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px
}
.product-detail-section .product-testimonial .ub_product-review-section::-webkit-scrollbar-thumb:hover {
background: #888
}
@media(max-width: 575px) {
.product-detail-section .product-testimonial .ub_product-review-section {
padding: 0px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-name {
font-size: 16px;
text-transform: uppercase;
color: #151515;
font-weight: 600;
font-family: "Droid Arabic Kufi", "poppinssemibold", sans-serif !important
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-name {
font-size: 14px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_verified-icon {
color: #1dc100;
font-size: 14px
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-stars {
color: #ffb100
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list {
border-bottom: 1px solid #eee !important;
padding: 0px !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list .view-more-text {
color: #666;
display: contents;
font-size: 12px;
text-transform: capitalize;
font-weight: 600;
cursor: pointer;
font-family: "Droid Arabic Kufi", "poppinsmedium", sans-serif !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list .ub-parent-review .ub_review-text {
font-weight: 400;
font-family: "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
width: 85%;
display: block;
display: -webkit-box;
height: 43px !important;
-webkit-line-clamp: inherit !important;
-webkit-box-orient: inherit !important;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: inline !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list .ub_review-text {
font-weight: 400;
font-family: "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
line-height: 1.4;
display: inline
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list .ellipsis {
display: inline
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_product-review-list .more-text {
display: none
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-product-name {
font-size: 14px;
font-weight: 500;
font-family: "Droid Arabic Kufi", "poppinsmedium", sans-serif !important;
text-transform: capitalize
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-product-name {
font-size: 13px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-text {
font-weight: 400;
font-family: "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
width: 85%;
display: block;
display: -webkit-box;
height: 43px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
@media(max-width: 992px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-text {
height: 40px
}
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-text {
font-size: 12px !important;
height: 35px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
flex-wrap: nowrap !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul::-webkit-scrollbar {
height: 4px
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul::-webkit-scrollbar-track {
background: #eee;
border-radius: 10px
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul::-webkit-scrollbar-thumb {
background: #ffb100;
border-radius: 4px
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul .ub_review-media-more {
font-size: 12px;
font-weight: 400;
text-decoration: underline;
color: #151515;
font-family: "Droid Arabic Kufi", "poppinsregular", sans-serif !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li {
width: 100%;
text-align: center;
justify-content: center;
height: 70px;
max-width: 70px;
overflow: hidden;
display: flex;
align-items: center;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px;
flex: 0 0 auto;
margin-bottom: 8px;
position: relative;
cursor: pointer;
z-index: 1
}
@media(max-width: 575px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li {
height: 60px;
max-width: 60px
}
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li {
height: 55px;
max-width: 55px
}
}
@media(max-width: 360px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li {
height: 40px;
max-width: 40px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li.ub_review-videos::before {
content: "";
margin: 0px;
height: 100%;
width: 100%;
border-radius: 4px;
background: rgba(0, 0, 0, 0.2509803922);
position: absolute;
left: 0;
top: 0;
z-index: 9;
right: 0;
margin: auto
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li.ub_review-videos::after {
content: "";
font-family: "Font Awesome 6 Free";
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
font-size: 16px;
position: absolute;
color: #fff;
z-index: 10;
width: fit-content;
margin: auto
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li img {
height: auto;
width: auto;
margin: 0px auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
display: block
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li video {
height: auto;
width: auto;
margin: 0px auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
display: block
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media ul li a {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-media.mt-3 {
margin-top: .5rem !important
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-profile {
flex-shrink: 0;
margin-right: .5rem !important;
position: relative !important;
height: inherit !important;
border: none !important
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-profile figure {
width: auto;
text-align: center;
height: 35px;
max-width: 35px;
overflow: hidden;
display: flex;
align-items: center;
border: 1px solid #eee;
border-radius: 50%;
margin-top: 10px !important
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-profile figure {
height: 40px;
max-width: 40px
}
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-profile figure img {
height: auto;
width: auto;
margin: 0px auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
display: block
}
.product-detail-section .product-testimonial .ub_product-review-section .ub_reviewer-profile figure video {
height: auto;
width: auto;
margin: 0px auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
display: block
}
@media(max-width: 575px) {
.product-detail-section .product-testimonial .ub_product-review-section .ub_review-product_details.mt-2 {
margin-top: 0px !important
}
}
.product-detail-section .product-testimonial .testimonial-slider {
border-top: unset !important
}
.product-detail-section .product-testimonial .testimonial-slider .card .card-header .card-title.ub-is-you {
margin-top: 10px
}
@media(max-width: 420px) {
.product-detail-section .product-testimonial .testimonial-slider .card .card-body {
padding-bottom: 10px !important
}
}
@media(max-width: 575px) {
.product-detail-section .product-testimonial .testimonial-slider .date {
font-size: 12px !important
}
}
.product-detail-section .product-testimonial .ub_video-reviewer_user::before {
content: "";
height: 100%;
width: 100%;
border-radius: 4px;
background: rgba(0, 0, 0, 0.2509803922);
position: absolute;
left: 0;
top: 0;
z-index: 9;
right: 0;
margin: auto;
pointer-events: none
}
.product-detail-section .product-testimonial .ub_video-reviewer_user::after {
content: "";
font-family: "Font Awesome 6 Free";
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
font-size: 16px;
position: absolute;
color: #fff;
z-index: 10;
width: fit-content;
margin: auto;
pointer-events: none
}
.product-detail-section .what-stands-out .what-stands-out-content .stands-out-content {
border-radius: 15px;
box-shadow: rgba(149, 157, 165, .2) 0px 1px 10px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 20px
}
.product-detail-section .what-stands-out .what-stands-out-content .feature {
font-size: 16px;
color: #151515;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 5px
}
.product-detail-section .what-stands-out .what-stands-out-content .description {
font-size: 14px;
color: #666;
font-family: "poppinsregular", sans-serif
}
@media(max-width: 992px) {
.product-detail-section .what-stands-out .what-stands-out-content .description {
font-size: 12px
}
}
.product-detail-section .who-should-buy .pros-cons .pros ul li .para {
font-size: 16px;
color: #151515;
font-family: "poppinssemibold", sans-serif
}
.product-detail-section .who-should-buy .pros-cons .pros ul li p {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #464646;
line-height: 1.5;
margin: 3px 0px 15px 0px
}
.product-detail-section .who-should-buy .pros-cons .cons ul li .para {
font-size: 16px;
color: #151515;
font-family: "poppinssemibold", sans-serif
}
.product-detail-section .who-should-buy .pros-cons .cons ul li p {
font-size: 14px;
font-family: "poppinsregular", sans-serif;
color: #464646;
line-height: 1.5;
margin: 3px 0px 15px 0px
}
.product-detail-section .top-selling-data-table .full-table table {
width: 100%;
max-width: 1000px;
border-collapse: collapse;
font-size: 14px;
text-align: left;
background: #fff;
color: #464646;
box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
overflow: hidden
}
.product-detail-section .top-selling-data-table .full-table table thead {
background: #e5e5e5;
color: #151515
}
.product-detail-section .top-selling-data-table .full-table table th {
padding: 10px 20px;
font-size: 14px
}
.product-detail-section .top-selling-data-table .full-table table th .table-title {
color: #151515 !important;
font-family: "poppinssemibold";
font-weight: unset !important;
font-size: 14px;
white-space: nowrap
}
.product-detail-section .top-selling-data-table .full-table table td {
padding: 10px 20px;
border-bottom: 1px solid #ddd;
font-weight: 500;
font-size: 13px
}
.product-detail-section .top-selling-data-table .full-table table td a.fa-eye {
color: #ffb100
}
.product-detail-section .top-selling-data-table .full-table table td .visit-btn {
background: #ffb100;
border: none;
padding: 5px 17px;
font-size: 13px;
font-family: "poppinssemibold";
border-radius: 3px
}
.product-detail-section .top-selling-data-table .full-table table tbody tr:nth-child(even) {
background: #f6f6f6
}
.product-detail-section .top-selling-data-table .full-table table tbody tr:hover {
background: #fff6e5;
transition: .2s ease-in-out
}
.product-detail-section .top-selling-data-table .full-table table tbody tr .table-product-image {
width: 100px;
text-align: center
}
.product-detail-section .top-selling-data-table .full-table table tbody tr .table-product-image img {
max-width: 70px;
max-height: 70px;
height: 70px;
width: 100%;
border: 1px solid #e3e3e3;
padding: 7px;
border-radius: 3px;
background: #fff;
object-fit: contain
}
.product-detail-section .top-selling-data-table .full-table table tbody tr .table-product-image a {
display: inline-block
}
.product-detail-section .top-selling-data-table .full-table table tbody tr td .brand-name {
font-size: 12px;
color: #151515;
font-family: "poppinsbold"
}
.product-detail-section .top-selling-data-table .full-table table .table-product {
color: #151515;
text-decoration: none;
font-family: "poppinsregular", sans-serif;
font-size: 13px
}
.product-detail-section .top-selling-data-table .full-table table .table-product:hover {
text-decoration: underline;
color: #d98a00
}
.product-detail-section .top-selling-data-table .full-table table .table-product.price {
font-family: "poppinsbold";
color: #151515;
white-space: nowrap;
font-size: 14px;
margin-top: 5px
}
.product-detail-section .top-selling-data-table .full-table table .table-product.price:hover {
text-decoration: none !important
}
@media(max-width: 768px) {
.product-detail-section .top-selling-data-table .full-table table {
font-size: 12px
}
.product-detail-section .top-selling-data-table .full-table th,
.product-detail-section .top-selling-data-table .full-table td {
padding: 8px 10px;
font-size: 12px
}
}
.product-detail-section .last_update_date {
font-family: "poppinsmedium";
font-size: 14px;
color: #555
}
.product-detail-section .product-reviews .review-section .card-outline {
font-family: "poppinssemibold"
}
.product-detail-section .ub_similar_items_desktop {
--highlight-color: #ffb100;
--text-color: #151515;
--font-primary: "poppinsmedium", sans-serif;
--font-bold: "poppinsbold", sans-serif;
--font-semibold: "poppinssemibold", sans-serif
}
.product-detail-section .ub_similar_items_desktop.product-table-wraper {
width: 100%;
margin: 0 auto;
overflow: auto;
display: flex;
flex-direction: row
}
.product-detail-section .ub_similar_items_desktop .similar-products-table {
border-color: #ddd !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td.border-none:first-child {
background-color: #f8f8f8 !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td:first-child {
position: sticky;
left: 0;
z-index: 1;
background-color: #fff;
outline: 1px solid #ddd !important;
border: 0 !important
}
@media(max-width: 767px) {
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td:first-child {
position: relative !important
}
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td.highlight_section {
outline: 1px solid #ddd !important;
background-color: #f8f8f8 !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td:nth-child(1) {
border-right: 0 !important;
border-bottom: 0 !important;
padding: 15px !important;
border-left: 0 !important;
border-top: 1px solid #ddd !important;
box-shadow: none !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.second_item tbody td:nth-child(1) .details-sec .view-product a {
background-color: var(--highlight-color) !important;
color: var(--text-color) !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table td,
.product-detail-section .ub_similar_items_desktop .similar-products-table th {
padding: 17px 10px !important;
border-width: 1px !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table td {
min-width: 250px;
max-width: 250px
}
.product-detail-section .ub_similar_items_desktop .similar-products-table th {
min-width: 200px;
background-color: #f8f8f8;
font-family: var(--font-semibold)
}
.product-detail-section .ub_similar_items_desktop .similar-products-table.first_item .product-title {
margin-top: 14px !important
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .product-img-wrap {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .product-img-wrap img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .product-title {
font-size: 14px;
font-family: var(--font-primary);
color: var(--text-color);
line-height: 20px;
margin-top: 15px;
height: 60px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .store-sec {
margin: 15px 0 .3rem 0;
display: flex;
align-items: center;
font-size: 12px;
color: #666;
font-family: var(--font-primary);
justify-content: flex-start
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .store-sec img {
margin-right: 5px
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .view-product {
margin-top: 15px
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .view-product a {
display: inline-block;
color: var(--text-color);
background-color: var(--highlight-color);
font-size: 13px;
font-family: var(--font-semibold);
padding: 5px 15px;
border-radius: 5px;
width: 100%;
box-shadow: rgba(0, 0, 0, .05) 0 1px 2px
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .rating-sec {
font-size: 13px;
color: var(--text-color);
font-family: var(--font-primary);
padding: 15px 0
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .rating-sec .rating {
border: 2px solid #ccc;
padding: 3px 10px;
border-radius: 15px
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .old-price {
font-size: 13px;
color: #eb0202;
font-family: var(--font-primary);
text-decoration: line-through
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .price {
font-size: 16px;
color: var(--text-color);
font-family: var(--font-bold)
}
.product-detail-section .ub_similar_items_desktop .similar-products-table .deliver-date {
font-size: 13px;
color: #666;
text-align: center
}
.product-detail-section .ub_similar_items_desktop .fix-section .similar-products-table tbody td:nth-child(1) {
border: 1px solid var(--highlight-color);
border-right: 2px solid var(--highlight-color);
border-bottom: 2px solid var(--highlight-color);
border-left: 2px solid var(--highlight-color);
padding: 15px !important;
box-shadow: none
}
.product-detail-section .ub_similar_items_desktop .fix-section .similar-products-table tbody td:nth-child(1) .details-sec .price {
font-size: 16px;
color: var(--text-color);
font-family: var(--font-bold);
display: flex;
align-items: center;
justify-content: flex-start
}
.product-detail-section .ub_similar_items_desktop .fix-section .similar-products-table tbody td:nth-child(1) .details-sec .view-product .current_product {
display: inline-block;
color: #fff;
font-size: 13px;
background-color: var(--text-color);
font-family: var(--font-semibold);
padding: 5px 15px;
border-radius: 5px;
width: 100%;
box-shadow: rgba(0, 0, 0, .05) 0 1px 2px
}
.product-detail-section .ub_similar_items_desktop .fix-section .similar-products-table tbody td.border-none:nth-child(1) {
border: 1px solid #ddd;
border-right: 2px solid #eee;
border-bottom: 2px solid #eee;
padding: 15px !important;
box-shadow: none !important;
background-color: #f8f8f8
}
.product-detail-section .ub_similar_items_desktop .scroll-section {
overflow-x: auto !important;
padding-bottom: 30px
}
.product-detail-section .ub_similar_items_desktop .scroll-section::-webkit-scrollbar {
height: 8px
}
.product-detail-section .ub_similar_items_desktop .scroll-section::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.product-detail-section .ub_similar_items_desktop .scroll-section::-webkit-scrollbar-thumb {
background-color: #999;
border-radius: 7px;
border: 0 solid #f1f1f1
}
.product-detail-section .ub_similar_items_desktop .scroll-section .similar-products-table tr:first-child td .details-sec {
min-height: 285px
}
@media(max-width: 1199px) {
.product-detail-section .ub_similar_items_desktop .scroll-section {
overflow-x: unset
}
}
.product-detail-section .ub_similar_items_desktop .u-color-swatch-outer-circle .u-select-color-option {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 23px;
width: 23px;
box-sizing: border-box
}
.product-detail-section .ub_similar_items_desktop .u-color-swatch-outer-circle .u-select-color-option:hover,
.product-detail-section .ub_similar_items_desktop .u-color-swatch-outer-circle .u-select-color-option.active {
border: 1px solid var(--text-color)
}
.product-detail-section .ub_similar_items_desktop .u-color-swatch-outer-circle .u-color-swatch-pad .u-color-swatch-inner-circle {
display: inline-block;
border-radius: 50%;
height: 17px;
width: 17px;
border: 1px solid rgba(0, 0, 0, .2);
box-sizing: border-box
}
.product-detail-section .ub_similar_items_desktop .u-color-swatch-outer-circle .u-color-swatch-pad .u-color-swatch-inner-more {
color: gray;
font-size: 18px;
text-decoration-color: gray !important
}
.product-detail-section .ub_similar_items_desktop .goos-tag-product.brand {
font-size: 12px;
color: var(--text-color);
font-family: var(--font-semibold);
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: end;
max-width: 100px;
line-height: 1.3
}
.move-up-cursor .go-top {
right: 30px;
bottom: 30px
}
.important-info {
background: #f8f8fa
}
.important-info ul {
padding: 0px
}
.important-info ul li {
position: relative;
padding: 2px 13px;
word-break: break-word;
font-size: 14px;
background-color: #f8f8fa;
color: #151515;
font-family: "poppinsregular", sans-serif;
margin: 10px 0px
}
.important-info ul li:before {
content: "";
position: absolute;
left: 0;
width: 5px;
height: 5px;
background: #c4c4c4;
border-radius: 50%;
top: 11px;
margin: auto
}
.important-info ul li:last-child {
margin-bottom: 0px
}
.rating-container .rating-stars {
position: relative;
cursor: pointer;
vertical-align: middle;
display: inline-block;
overflow: hidden;
white-space: nowrap
}
.rating-container .rating-input {
position: absolute;
cursor: pointer;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
font-size: 1px;
border: none;
background: 0 0;
opacity: 0;
padding: 0;
margin: 0
}
.rating-container .star {
display: inline-block;
margin: 0 2px;
text-align: center
}
.rating-container .empty-stars {
color: #ccc !important
}
.rating-container .filled-stars {
position: absolute;
left: 0;
top: 0;
margin: auto;
color: #ffb100;
white-space: nowrap;
overflow: hidden
}
.rating-container .clear-rating {
color: #aaa;
cursor: not-allowed;
display: inline-block;
vertical-align: middle;
font-size: 60%;
padding-right: 5px
}
.rating-container .caption {
color: #999;
display: inline-block;
vertical-align: middle;
line-height: 1;
margin-left: 5px;
margin-right: 0
}
.rating-container .caption .label {
display: inline-block;
padding: .25em .4em;
line-height: 1;
text-align: center;
vertical-align: baseline;
border-radius: .25rem;
color: #fff !important
}
.rating-container .caption .label.label-danger {
background-color: #dc3545 !important
}
.rating-container .caption .label.label-warning {
background-color: #694f00 !important
}
.rating-container .caption .label.label-info {
background-color: #17a2b8 !important
}
.rating-container .caption .label.label-primary {
background-color: #007bff !important
}
.rating-container .caption .label.label-success {
background-color: #28a745 !important
}
.rating-container.is-display-only .rating-input,
.rating-container.is-display-only .rating-stars {
cursor: default
}
.rating-disabled .rating-input,
.rating-disabled .rating-stars {
cursor: not-allowed
}
.rating-rtl {
float: right
}
.rating-rtl .filled-stars {
left: auto;
right: 0;
transition: none;
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0)
}
.rating-rtl.is-star .filled-stars {
right: .06em
}
.rating-rtl.is-heart .empty-stars {
margin-right: .07em
}
.rating-rtl .caption {
margin-right: 5px;
margin-left: 0
}
.rating-animate .filled-stars {
transition: width .25s ease
}
.clear-rating-active {
cursor: pointer !important
}
.clear-rating-active:hover {
color: #843534
}
.feedback-notice-btn {
position: fixed;
left: 20px;
bottom: 20px;
box-shadow: 0px 0px 15px #ccc;
z-index: 99 !important
}
.product-not-found .page-not-found-img {
max-width: 300px;
width: 90%
}
.product-not-found .page-not-found-content {
margin-top: 45px
}
@media(max-width: 576px) {
.product-not-found .page-not-found-content {
margin-top: 10px
}
}
.product-not-found .page-not-found-content p.page-heading {
font-size: 16px;
line-height: normal;
color: #151515;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 10px;
text-transform: uppercase;
margin-top: 0px;
font-size: 14px
}
.product-not-found .page-not-found-content p.page-heading strong {
display: block;
font-family: "poppinsbold", sans-serif;
font-size: 30px;
display: block;
color: #ffb100;
font-size: 24px
}
.product-not-found .page-not-found-content .listing {
margin: 10px 0
}
.product-not-found .page-not-found-content .listing .heading {
color: #666;
font-size: 18px;
margin: 10px 0px;
font-size: 13px
}
.product-not-found .page-not-found-content .listing ul {
margin: 0px;
padding: 0px
}
.product-not-found .page-not-found-content .listing ul li {
color: #999;
padding-left: 15px;
position: relative;
font-family: "poppinsregular", sans-serif;
margin-bottom: 10px
}
.product-not-found .page-not-found-content .listing ul li:before {
position: absolute;
left: 0px;
top: 8px;
width: 4px;
height: 4px;
background-color: #ffb100;
content: "";
border-radius: 50%
}
.product-not-found .product-card .product-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.product-not-found .product-like .swiper-button-prev::after {
display: none
}
.product-not-found .product-like .swiper-button-next::after {
display: none
}
.product-slider .owl-nav .owl-prev,
.product-thumbnail-slider .owl-nav .owl-prev {
left: -10px !important
}
.product-slider .owl-nav .owl-next,
.product-thumbnail-slider .owl-nav .owl-next {
right: -10px !important
}
.nutritionist-take p {
font-family: "poppinsregular", sans-serif;
font-size: 14px;
color: #151515;
border-left: 4px solid #ffb100;
padding-left: 10px
}
.detail-section .search-related-products_list .store_promotion_banner_hr {
display: flex;
justify-content: center;
margin-bottom: 20px;
margin-top: 20px
}
.detail-section .search-related-products_list .product-inner-list {
margin: 0px !important;
padding: 0px !important
}
.detail-section .search-related-products_list .product-inner-list .product-card {
border-radius: 0px
}
.detail-section .search-related-products_list .product-inner-list .product-card .product-store .brand_name {
width: 47%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: end
}
@media(max-width: 1330px) {
.detail-section .search-related-products_list .product-inner-list .product-card .product-store .brand_name {
width: 37%
}
}
.detail-section .search-related-products_list .product-inner-list .product-card .product-store .brand_name .goos-tag-product {
font-size: 13px;
color: #151515
}
@media(max-width: 1330px) {
.detail-section .search-related-products_list .product-inner-list .product-card .product-store .brand_name .goos-tag-product {
font-size: 12px
}
}
.detail-section .out_of_stock_section {
padding-top: 20px;
font-family: poppinssemibold, sans-serif
}
.detail-section .out_of_stock_section .product-img {
width: 200px;
height: 200px;
overflow: hidden;
margin-right: 30px;
padding: 20px;
border: 1px solid #ece9e9;
border-radius: 5px
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .product-img {
width: 170px;
height: 160px;
padding: 16px;
margin-right: 18px
}
}
.detail-section .out_of_stock_section .product-img img {
width: 100%;
height: 100%;
object-fit: contain
}
.detail-section .out_of_stock_section .detail_section {
width: calc(100% - 230px)
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .detail_section {
width: calc(100% - 198px)
}
}
.detail-section .out_of_stock_section .detail_section a {
font-size: 14px;
color: #555;
font-weight: 800;
line-height: normal
}
@media screen and (max-width: 575px) {
.detail-section .out_of_stock_section .detail_section a {
font-size: 12px;
margin-bottom: 3px
}
}
.detail-section .out_of_stock_section .detail_section h1 {
font-size: 16px;
font-family: poppinsmedium, sans-serif;
color: #000;
line-height: 24px;
margin-bottom: 16px;
max-width: 718px
}
@media screen and (max-width: 1400px) {
.detail-section .out_of_stock_section .detail_section h1 {
max-width: 540px
}
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .detail_section h1 {
max-width: 540px
}
}
.detail-section .out_of_stock_section .stock_text_wrp {
gap: 12px;
flex-direction: column-reverse
}
.detail-section .out_of_stock_section .stock_text_wrp .text {
font-size: 14px;
font-weight: 600;
line-height: normal;
color: #000
}
.detail-section .out_of_stock_section .stock_text_wrp .text span {
color: #b31000 !important;
margin-left: 6px !important
}
.detail-section .out_of_stock_section .stock_text_wrp button {
border: 0;
background-color: #ffb100;
padding: 8px 30px;
font-size: 14px;
font-weight: 600;
color: #333;
border-radius: 5px
}
.detail-section .out_of_stock_section .stock_text_wrp .notifyme-form {
padding-bottom: 0 !important;
margin-top: 0 !important
}
.detail-section .out_of_stock_section .stock_text_wrp .stock_flag {
width: 100%;
max-width: 575px
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .stock_text_wrp .stock_flag {
max-width: auto
}
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .stock_text_wrp .oos_pro {
display: none !important
}
}
.detail-section .out_of_stock_section .oos_stock_sticky {
display: none !important
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section .oos_stock_sticky.scrolled {
display: flex !important;
position: fixed;
bottom: 0;
z-index: 1;
width: 100%;
padding: 9px 12px;
left: 0;
right: 0;
border-top: 1px solid #eee
}
.detail-section .out_of_stock_section .oos_stock_sticky.scrolled span {
width: 50%;
display: inline-block;
text-align: center;
font-size: 17px !important;
font-family: poppinsregular, sans-serif;
color: red;
margin-bottom: 0 !important
}
.detail-section .out_of_stock_section .oos_stock_sticky.scrolled button {
width: 50%;
display: inline-block;
text-align: center;
padding: 9px 20px;
font-size: 16px
}
}
@media screen and (max-width: 1200px) {
.detail-section .out_of_stock_section {
margin-bottom: 40px
}
}
.breadcrumb .breadcrumb-item a {
cursor: pointer !important
}
.shipping-benefits .modal-dialog {
width: auto;
max-width: 600px !important;
top: 20%
}
.shipping-benefits .modal-dialog .modal-content {
background-color: #fff;
position: relative;
z-index: 1050;
padding: 30px;
border: 1px solid #f3f3f3;
border-radius: 10px
}
.shipping-benefits .modal-dialog .modal-content .btn-close {
opacity: 1;
margin-left: auto;
background: rgba(0, 0, 0, 0);
font-size: 20px;
display: flex;
justify-content: end
}
.shipping-benefits .modal-dialog .modal-content .btn-close:focus {
box-shadow: none
}
.shipping-benefits .modal-dialog .modal-content .bolt-sign {
font-size: 23px;
color: #ffb100;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 10px
}
.shipping-benefits .modal-dialog .modal-content .submit-btn {
background-color: #ffb100;
color: #fff;
font-family: "poppinssemibold", sans-serif;
border: none;
border-radius: 5px;
padding: 5px 20px
}
.shipping-benefits .modal-dialog .modal-content .validatewrap .form-control {
padding: 8px 10px;
font-size: 12px
}
.shipping-benefits .modal-dialog .modal-content .validatewrap:focus {
border-color: #e0e0e0 !important;
box-shadow: none !important
}
.shipping-benefits .modal-dialog .modal-header {
border-bottom: 0px;
align-items: center;
padding: 0px
}
.shipping-benefits .modal-dialog .modal-header .heading-wrap {
border-bottom: 1px solid #efefef;
width: 100%;
display: flex;
align-items: center;
padding-bottom: 10px
}
.shipping-benefits .modal-dialog .wrapper .progress-bar-container {
height: 5px;
background-color: #eee;
width: 100%;
margin-top: 10px;
border-radius: 5px
}
.shipping-benefits .modal-dialog .wrapper .progress-bar-container .progress-bar {
background-color: #ffb100;
height: 5px;
border-radius: 5px
}
.shipping-benefits .modal-dialog .modal-footer {
border-top: 0px;
padding: 0px;
justify-content: flex-start
}
.shipping-benefits .modal-dialog .modal-footer .cart {
font-size: 22px;
color: #ffb100
}
.shipping-benefits .modal-dialog .modal-footer .unlock-shipping {
font-size: 16px;
font-family: "poppinssemibold", sans-serif;
color: #464646;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center
}
.shipping-benefits .modal-dialog .modal-title {
display: flex;
font-family: "poppinssemibold", sans-serif !important;
font-size: 20px
}
.shipping-benefits .modal-dialog .shipping-add-more {
font-size: 15px;
font-family: "poppinsmedium", sans-serif;
color: #464646;
line-height: 21px
}
.shipping-benefits .modal-dialog .shipping-add-more span {
color: #ffb100;
font-family: "poppinsbold", sans-serif;
font-size: 16px
}
.shipping-benefits .modal-dialog .modal-body {
padding: 0px
}
.shipping-benefits .modal-dialog .modal-body .benifits {
background: #f7f7f7;
border-radius: 10px;
padding: 20px;
margin: 30px 0px 0px 0px;
flex-wrap: wrap !important
}
.shipping-benefits .modal-dialog .modal-body .benifits .benifit-icon {
font-size: 22px;
color: #ffb100
}
.shipping-benefits .modal-dialog .modal-body .benifits .express-shipping-content {
font-size: 15px;
color: #464646;
font-family: "poppinssemibold", sans-serif
}
.shipping-benefits .modal-dialog .modal-body .benifits .express-shipping-content span {
font-size: 14px
}
.shipping-benefits .modal-dialog .modal-body .benifits .content {
font-size: 16px;
color: #585858;
font-family: "poppinssemibold", sans-serif;
display: flex;
align-items: center
}
.shipping-benefits .modal-dialog .modal-body .benifits .content i {
color: #000;
font-size: 14px;
margin-left: 12px
}
.shipping-benefits .modal-dialog .modal-body .benifits .content .shipping-types {
font-size: 15px;
color: #151515;
font-family: "poppinsbold", sans-serif;
margin-left: 10px
}
.shipping-benefits .modal-dialog .modal-body .benifits .content .shipping-types i {
margin: 0px 7px
}
.shipping-benefits .modal-dialog .modal-body .benifits #discounted-shipping span ins {
margin-left: 5px
}
.shipping-benefits .btn-close {
z-index: 1060
}
#shipping-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
display: none;
z-index: 1040
}
.card-body .christmas-note span {
border: 2px solid #ff9041;
display: block;
font-size: 12px;
font-family: "poppinsregular", sans-serif;
padding: 7px 10px;
background: #fffff3;
border-radius: 5px;
color: #333 !important
}
.ubuy_home_bar .hello_content,
.ubuy_home_bar .hellobar_content {
font-family: "poppinssemibold"
}
.ubuy_home_bar .hello_content strong,
.ubuy_home_bar .hellobar_content strong {
font-family: "poppinsblack"
}
.country-change-popup .modal-body .popup-block span.btn {
font-family: "poppinssemibold", sans-serif !important;
font-weight: unset !important
}
.country-change-popup .modal-body .content-sec {
font-family: "poppinssemibold", sans-serif !important;
font-weight: unset !important
}
.addtocartmodal .modal-content .btn {
padding: 10px 25px !important;
font-family: "poppinssemibold";
font-weight: unset
}
.no-cls {
min-height: auto;
max-height: none;
overflow-y: hidden;
margin: 0px 10px 10px 0px
}
@media(max-width: 1600px) {
.no-cls {
margin: 0px 15px 10px 0px
}
}
@media(max-width: 1450px) {
.no-cls {
margin: 0px 10px 10px 0px
}
}
@media(max-width: 1380px) {
.no-cls {
margin: 0px 18px 10px 0px
}
}
@media(max-width: 1260px) {
.no-cls {
margin: 0px 10px 10px 0px
}
}
.no-cls.hidden {
display: none
}
.variations-item {
margin-bottom: 25px !important;
border: .1px solid #eee;
border-radius: 10px;
padding: 10px 20px
}
.variations-item .all-variations {
max-height: 70px;
overflow-y: auto;
transition: max-height .9s ease-in-out, padding 5s ease-in-out !important
}
@media(max-width: 1199px) {
.variations-item .all-variations {
max-height: 135px
}
}
.variations-item .all-variations.more {
max-height: 300px !important;
transition: max-height 1.5s ease-in-out, padding 8.5s ease-in-out !important
}
@media(max-width: 768px) {
.variations-item {
padding: 10px 12px
}
}
.variations-item .select-size {
top: 22px;
width: 35%;
display: flex;
justify-content: end;
align-items: center
}
@media(max-width: 1199px) {
.variations-item .select-size {
top: 10px
}
}
@media(max-width: 768px) {
.variations-item .select-size {
top: 10px
}
}
.variations-item .select-size .size-chart {
font-size: 13px;
font-family: "poppinssemibold", sans-serif;
color: #151515 !important;
line-height: 1;
background: rgba(0, 0, 0, 0);
border: none;
padding: 0;
border-bottom: 1px solid #151515;
padding-bottom: 3px
}
@media(max-width: 1199px) {
.variations-item .select-size .size-chart {
font-size: 12px
}
}
.variations-item .veriations-options {
margin-top: 0px !important
}
.variations-item .veriations-options .radio-check {
display: flex;
flex-wrap: wrap
}
.variations-item .variations-button::after {
content: none !important
}
.variations-item .variations-button strong {
font-size: 14px;
line-height: normal;
margin-left: 0px !important
}
@media(max-width: 768px) {
.variations-item .variations-button strong {
font-size: 12px
}
}
.variations-item .variations-button p {
margin: 0px !important
}
.variations-item .more-less {
border-radius: 3px;
text-align: center;
font-size: 13px;
font-weight: 600;
color: #151515;
margin: 0;
cursor: pointer;
text-align: left;
position: relative
}
.variations-item .more-less i {
margin-left: 3px
}
.variations-item::-webkit-scrollbar {
width: 5px
}
.variations-item::-webkit-scrollbar-track {
background: #f0f0f0
}
.variations-item::-webkit-scrollbar-thumb {
background: #ffb100;
border-radius: 4px
}
.variations-item::-webkit-scrollbar-thumb:hover {
background: #e68a00
}
.product-slider.swiper {
padding: 0px 1px
}
.owlslider-product-slider.swiper {
padding: 0px 1px
}
.owl-internallinks-footer.swiper {
padding: 4px 0px
}
.main-slider-container .main-product-slider {
display: flex;
transition: transform .3s ease
}
.main-slider-container .main-product-slider .swiper-slide {
display: flex;
align-items: center;
justify-content: center
}
.main-slider-container .main-product-slider .swiper-slide img {
height: auto;
width: auto;
max-height: 400px !important;
max-width: 400px !important;
cursor: crosshair
}
.main-slider-container .main-product-slider .swiper-slide video {
height: auto;
width: auto;
max-height: 400px !important;
max-width: 400px !important;
cursor: pointer
}
.main-slider-container .main-product-slider .swiper-slide .zoom-container .zoom-image {
width: 100%;
height: 100%;
transition: transform .1s ease;
transform-origin: top left;
object-fit: contain
}
@media(max-width: 768px) {
.main-slider-container .main-product-slider .swiper-slide .zoom-container .zoom-image {
pointer-events: none
}
}
.main-slider-container .main-product-slider .swiper-slide .zoom-container .zoom-lens {
position: absolute;
pointer-events: none;
display: none
}
.thumbnail-container {
width: 100%;
margin: 25px 0px
}
.thumbnail-container .swiper-slide {
cursor: pointer;
border-radius: 10px
}
.thumbnail-container .swiper-slide.swiper-slide-thumb-active {
border: 1px solid #ffb100
}
.product-img-slider .swiper-button-next {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
right: var(--swiper-navigation-sides-offset, -15px)
}
.product-img-slider .swiper-button-next::after {
display: none
}
.product-img-slider .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
.product-img-slider .swiper-button-next i {
font-size: 12px !important;
color: #333
}
.product-img-slider .swiper-button-prev {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
left: var(--swiper-navigation-sides-offset, -15px)
}
.product-img-slider .swiper-button-prev::after {
display: none
}
.product-img-slider .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
.product-img-slider .swiper-button-prev i {
font-size: 12px !important;
color: #333
}
.usp-slider-section {
margin: 0 8px
}
.usp-slider-section .swiper-button-next {
width: 26px;
height: 26px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
right: var(--swiper-navigation-sides-offset, -20px);
z-index: 0
}
.usp-slider-section .swiper-button-next::after {
display: none
}
.usp-slider-section .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
.usp-slider-section .swiper-button-next i {
font-size: 10px !important;
color: #333
}
.usp-slider-section .swiper-button-prev {
width: 26px;
height: 26px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
left: var(--swiper-navigation-sides-offset, -20px);
z-index: 1
}
.usp-slider-section .swiper-button-prev::after {
display: none
}
.usp-slider-section .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
.usp-slider-section .swiper-button-prev i {
font-size: 10px !important;
color: #333
}
.usp-slider-section.swiper-button-next i {
margin: 0 8px
}
.related-products .swiper-button-next {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 50%);
right: var(--swiper-navigation-sides-offset, 0%)
}
.related-products .swiper-button-next::after {
display: none
}
.related-products .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
.related-products .swiper-button-next i {
font-size: 12px !important;
color: #333
}
.related-products .swiper-button-prev {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 50%);
left: var(--swiper-navigation-sides-offset, 0%)
}
.related-products .swiper-button-prev::after {
display: none
}
.related-products .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
.related-products .swiper-button-prev i {
font-size: 12px !important;
color: #333
}
.swiper-interlink {
padding: 4px 0px
}
.swiper-interlink .swiper-slide {
width: auto !important
}
.swiper-interlink .swiper-button-next {
width: 30px;
height: 35px;
border-radius: 0%;
display: flex;
align-items: center;
justify-content: center;
border: 0 !important;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%) !important;
top: var(--swiper-navigation-top-offset, 60%);
right: var(--swiper-navigation-sides-offset, -10px)
}
@media(max-width: 1199px) {
.swiper-interlink .swiper-button-next {
left: var(--swiper-navigation-sides-offset, -10px) !important
}
}
.swiper-interlink .swiper-button-next::after {
display: none
}
.swiper-interlink .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
.swiper-interlink .swiper-button-next i {
font-size: 14px !important;
color: #333
}
.swiper-interlink .swiper-button-next.swiper-button-disabled {
display: none !important
}
.swiper-interlink .swiper-button-prev {
width: 30px;
height: 35px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
border: 0 !important;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) -30%, rgb(255, 255, 255) 33%) !important;
top: var(--swiper-navigation-top-offset, 60%);
left: var(--swiper-navigation-sides-offset, -10px)
}
@media(max-width: 1199px) {
.swiper-interlink .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, -10px) !important
}
}
.swiper-interlink .swiper-button-prev::after {
display: none
}
.swiper-interlink .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
.swiper-interlink .swiper-button-prev i {
font-size: 14px !important;
color: #333
}
.swiper-interlink .swiper-button-prev.swiper-button-disabled {
display: none !important
}
.interlink-swiper-two .swiper-slide {
width: auto !important
}
.interlink-swiper-two .swiper-slide .item.checking a {
padding: 5px 15px;
font-size: 13px;
color: #666;
border: solid 1px #999;
border-radius: 50px;
display: inline-block;
font-family: "poppinssemibold", sans-serif
}
.interlink-swiper-two .swiper-button-next {
width: 30px;
height: 35px;
border-radius: 0%;
display: flex;
align-items: center;
justify-content: center;
border: 0 !important;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%) !important;
top: var(--swiper-navigation-top-offset, 60%);
right: var(--swiper-navigation-sides-offset, -10px)
}
.interlink-swiper-two .swiper-button-next::after {
display: none
}
.interlink-swiper-two .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
.interlink-swiper-two .swiper-button-next i {
font-size: 14px !important;
color: #333
}
.interlink-swiper-two .swiper-button-next.swiper-button-disabled {
display: none !important
}
.interlink-swiper-two .swiper-button-prev {
width: 30px;
height: 35px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
border: 0 !important;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) -30%, rgb(255, 255, 255) 33%) !important;
top: var(--swiper-navigation-top-offset, 60%);
left: var(--swiper-navigation-sides-offset, -10px)
}
.interlink-swiper-two .swiper-button-prev::after {
display: none
}
.interlink-swiper-two .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
.interlink-swiper-two .swiper-button-prev i {
font-size: 14px !important;
color: #333
}
.interlink-swiper-two .swiper-button-prev.swiper-button-disabled {
display: none !important
}
.payment-method-options.swiper {
margin: 0 8px
}
.show-more.active {
display: block
}
.show-more.inactive {
display: none
}
.swiper-wrapper {
height: auto !important
}
.variations-item ::-webkit-scrollbar {
width: 5px
}
.variations-item ::-webkit-scrollbar-track {
background: #f0f0f0
}
.variations-item ::-webkit-scrollbar-thumb {
background: #ffb100;
border-radius: 4px
}
.variations-item ::-webkit-scrollbar-thumb:hover {
background: #e68a00
}
#related-products-carousel.product-slider .swiper-button-prev {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
left: var(--swiper-navigation-sides-offset, 0%)
}
#related-products-carousel.product-slider .swiper-button-prev::after {
display: none
}
#related-products-carousel.product-slider .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
#related-products-carousel.product-slider .swiper-button-prev i {
font-size: 12px !important;
color: #333
}
#related-products-carousel.product-slider .swiper-button-next {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
right: var(--swiper-navigation-sides-offset, 0%)
}
#related-products-carousel.product-slider .swiper-button-next::after {
display: none
}
#related-products-carousel.product-slider .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
#related-products-carousel.product-slider .swiper-button-next i {
font-size: 12px !important;
color: #333
}
#also-viewed-products-carousel.product-slider .swiper-button-prev {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
left: var(--swiper-navigation-sides-offset, 0%)
}
#also-viewed-products-carousel.product-slider .swiper-button-prev::after {
display: none
}
#also-viewed-products-carousel.product-slider .swiper-button-prev::after.swiper-button-disabled i {
color: #777
}
#also-viewed-products-carousel.product-slider .swiper-button-prev i {
font-size: 12px !important;
color: #333
}
#also-viewed-products-carousel.product-slider .swiper-button-next {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #eee !important;
background: #fff !important;
top: var(--swiper-navigation-top-offset, 57%);
right: var(--swiper-navigation-sides-offset, 0%)
}
#also-viewed-products-carousel.product-slider .swiper-button-next::after {
display: none
}
#also-viewed-products-carousel.product-slider .swiper-button-next::after.swiper-button-disabled i {
color: #777
}
#also-viewed-products-carousel.product-slider .swiper-button-next i {
font-size: 12px !important;
color: #333
}
.swiper-button-lock {
display: none !important
}
.newsletter-subscription {
background-image: url("https://d2ati23fc66y9j.cloudfront.net/ubuycom/footer-bg/stay-connected.svg");
background-repeat: no-repeat;
display: block;
margin: 0 auto;
width: 100%;
background-position: center;
padding: 40px 0px 50px 0px;
border-radius: 30px;
background-size: cover
}
.newsletter-subscription .content-sec {
width: fit-content;
margin: 0px auto;
display: flex;
align-items: center
}
@media screen and (max-width: 992px) {
.newsletter-subscription .content-sec {
display: block
}
}
.newsletter-subscription .content-sec .col {
position: relative
}
.newsletter-subscription .stay-connected {
position: relative;
margin: 0px;
line-height: 40px;
font-size: 25px;
font-family: "poppinsbold", sans-serif;
margin-right: 50px
}
.newsletter-subscription .stay-connected:before {
width: 5px;
height: 100%;
background-color: #fbb828;
position: absolute;
left: -15px;
top: 0px;
content: "";
display: block
}
@media screen and (max-width: 992px) {
.newsletter-subscription .stay-connected:before {
content: none
}
}
@media screen and (max-width: 992px) {
.newsletter-subscription .stay-connected {
text-align: center;
margin-bottom: 20px;
margin-right: 0px
}
}
.newsletter-subscription .error {
position: absolute;
text-align: center;
margin: 0px auto;
left: 0;
right: 0
}
.newsletter-subscription .input-group {
width: auto;
align-items: center;
max-width: 520px;
width: 95%;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff !important;
border-radius: 50px;
border: solid 1px #ccc
}
.newsletter-subscription .input-group input[type=text] {
border: none !important;
background: none;
width: 100%;
font-size: 14px;
font-family: "poppinsregular", sans-serif
}
.newsletter-subscription .input-group .input-group-text {
background-color: #ffb100;
border-radius: 45px !important;
color: #151515;
max-height: 51px;
cursor: pointer;
overflow: hidden;
background-color: #ffb100;
border: 0px;
color: #151515;
display: flex;
font-family: "poppinsblack", sans-serif;
width: fit-content;
align-items: center
}
.newsletter-subscription .input-group .input-group-text input {
background: none;
border: none;
padding: 10px 5px 10px 20px;
height: 40px;
line-height: 20px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
font-size: 16px
}
@media screen and (max-width: 992px) {
.newsletter-subscription .input-group .input-group-text input {
font-size: 13px
}
}
.newsletter-subscription .input-group .input-group-text em {
height: 50px;
display: flex;
align-items: center;
font-size: 17px;
color: #151515;
justify-content: end;
width: 20px;
margin-right: 20px
}
@media screen and (max-width: 992px) {
.newsletter-subscription .input-group .input-group-text em {
margin-right: 0px;
width: 30px;
height: 40px;
font-size: 13px;
justify-content: space-around
}
}
.footer-top li {
list-style: none;
font-size: 14px;
margin-right: 18px;
font-family: "poppinsregular", sans-serif;
width: 100%
}
@media screen and (max-width: 480px) {
.footer-top li {
margin-right: 0px
}
}
.footer-top ul {
padding: 15px 0px 0px
}
@media screen and (max-width: 768px) {
.footer-top ul {
padding-top: 0px
}
}
.footer-top a {
font-size: 14px;
display: inline-block;
font-family: "poppinsmedium", sans-serif;
color: #666
}
.footer-top a:hover {
color: #ffb100
}
.footer-top li {
cursor: pointer;
font-size: 14px;
padding-bottom: 13px;
display: inline-block;
font-family: "poppinsmedium", sans-serif;
color: #666
}
.footer-top li:hover {
color: #ffb100
}
.footer-top .heading-icon .footer-heading {
display: flex;
align-items: center;
font-size: 16px;
font-family: "poppinsbold", sans-serif;
color: #666;
margin: 0px;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.footer-top .heading-icon .footer-heading span {
margin-right: 10px;
display: block;
position: relative;
width: 27px;
height: 27px;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp");
background-position-y: -346px
}
.footer-top .heading-icon .footer-heading .quick-links-sprite {
background-position-x: 0px
}
.footer-top .heading-icon .footer-heading .ubuy-sprite {
background-position-x: -32px
}
.footer-top .heading-icon .footer-heading .payment-sprite {
background-position-x: -64px
}
.footer-top .heading-icon .footer-heading .shipping-sprite {
background-position-x: -96px
}
.footer-top .heading-icon .footer-heading .cities-covered-sprite {
background-position-x: -128px
}
.footer-top .heading-icon .footer-heading .support-sprite {
background-position-x: -160px
}
.footer-top .heading-icon .footer-heading .other-sprite {
background-position-x: -192px
}
.footer-top .footer-without-anchor ul li {
color: #666;
font-family: "poppinssemibold", sans-serif;
margin-bottom: 10px;
padding-bottom: 0px;
cursor: default
}
@media screen and (max-width: 768px) {
.footer-top .footer-without-anchor ul li {
margin-left: 0px
}
}
.footer-top .footer-without-anchor ul.shipping li {
padding-bottom: 25px
}
.footer-top .footer-without-anchor ul .icon.whatsapp {
position: relative;
background: #fff;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: inline-block
}
.footer-top .footer-without-anchor ul .icon.whatsapp:hover .whatsapp-info {
top: -50px;
opacity: 1;
visibility: visible;
pointer-events: auto
}
@media screen and (max-width: 1710px) {
.footer-top .footer-without-anchor ul .icon.whatsapp:hover .whatsapp-info {
left: -176px
}
}
@media screen and (max-width: 1600px) {
.footer-top .footer-without-anchor ul .icon.whatsapp:hover .whatsapp-info {
left: -200px
}
}
@media screen and (max-width: 1200px) {
.footer-top .footer-without-anchor ul .icon.whatsapp:hover .whatsapp-info {
left: -215px
}
}
@media screen and (max-width: 991px) {
.footer-top .footer-without-anchor ul .icon.whatsapp:hover .whatsapp-info {
left: -120px
}
}
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
position: absolute;
font-size: 13px;
font-family: "poppinsmedium", sans-serif;
background: #151515;
color: #fff;
width: 250px;
padding: 5px 8px;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
opacity: 0;
pointer-events: none;
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
top: -50px;
left: -114px
}
@media screen and (max-width: 1710px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
left: -176px
}
}
@media screen and (max-width: 1600px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
left: -200px
}
}
@media screen and (max-width: 1200px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
left: -215px
}
}
@media screen and (max-width: 991px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
left: -120px
}
}
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background: #151515;
bottom: -3px;
left: 50%;
transform: translate(-50%) rotate(45deg);
transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
@media screen and (max-width: 1710px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
left: 74%
}
}
@media screen and (max-width: 1600px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
left: 85%
}
}
@media screen and (max-width: 1360px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
left: 84%
}
}
@media screen and (max-width: 1200px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
left: 90%
}
}
@media screen and (max-width: 991px) {
.footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info::before {
left: 52%
}
}
.footer-top .footer-widget ul img {
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px
}
.footer-top .footer-widget ul li {
display: -webkit-inline-box
}
.footer-top .footer-widget ul p {
display: inline-grid
}
.footer-top .footer-widget ul img {
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px
}
.footer-top .customer-support {
border: 1px solid #eee;
border-radius: 5px;
padding: 10px 20px;
display: flex
}
.footer-top .customer-support img {
height: auto !important;
max-height: 100%
}
.footer-top .customer-support p {
line-height: 18px;
font-size: 13px
}
.footer-top .customer-support .large-font {
margin-bottom: 5px
}
.footer-top .customer-support .large-font a {
font-family: "poppinssemibold", sans-serif
}
.footer-top .customer-support .media-body {
max-width: 90%
}
.footer-top h4 {
font-size: 14px;
font-family: "poppinssemibold", sans-serif;
color: #151515;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.footer-top a {
font-family: "poppinsmedium", sans-serif
}
.footer-top .footer-without-anchor ul li figure img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block
}
.footer-top .footer-without-anchor ul li .pay_icon-name {
margin-left: 10px
}
.footer-top .footer-without-anchor ul .view_more.minus {
cursor: pointer
}
footer {
background: #fff;
padding: 40px 0px 0px
}
footer li a {
font-size: 13px;
font-family: "poppinsmedium", sans-serif;
color: #666
}
footer li a:hover {
color: #ffb100
}
footer .footer-middle .country {
line-height: 3
}
@media screen and (max-width: 768px) {
footer .footer-middle .country {
margin-bottom: 25px
}
}
footer .footer-middle .country .country-selector-footer span {
white-space: nowrap;
margin-right: 5px;
font-family: "poppinsregular", sans-serif
}
@media screen and (max-width: 768px) {
footer .footer-middle .country .country-selector-footer span {
display: none
}
}
footer .footer-middle .country .country-selector-footer .dropdown {
max-height: 300px
}
footer .footer-middle .country .country-selector-footer .dropdown .country-flag span {
display: block !important;
white-space: nowrap;
margin-right: 0px
}
@media screen and (max-width: 768px) {
footer .footer-middle .country .country-selector-footer .dropdown .country-flag span {
display: block !important
}
}
footer .footer-middle .country .country-selector-footer .dropdown .dropdown-menu {
padding: 0px;
max-height: 350px;
overflow: auto;
width: 100%
}
footer .footer-middle .country .country-selector-footer .dropdown .dropdown-menu .country-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
footer .footer-middle .country .country-selector-footer .dropdown-toggle {
width: 100% !important;
text-align: left;
border: none;
font-size: 14px;
background: none !important;
padding: 10px !important;
margin-left: 10px !important;
border: solid 1px #ccc !important;
border-radius: 5px;
line-height: 1 !important;
position: relative;
display: flex;
align-items: center
}
footer .footer-middle .country .country-selector-footer .dropdown-toggle:after {
content: "";
font-family: "Font Awesome 6 Free";
width: 10px;
padding-left: 15px;
display: block;
border: none;
right: 0;
top: 0;
height: 35px;
padding: 0;
position: absolute;
width: 35px;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width: 768px) {
footer .footer-middle .country .country-selector-footer .dropdown-toggle {
margin-left: 0px !important
}
}
footer .footer-middle .country a.dropdown-item {
font-size: 14px;
padding: 6px 38px 6px 15px;
border-bottom: 1px solid #eee;
height: 35px;
transition: none;
padding-right: 15px;
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center
}
footer .footer-middle .country a.dropdown-item img {
margin-right: 5px
}
footer .footer-middle .form-select {
border-radius: 10px;
border-color: #eee;
font-size: 14px
}
footer .footer-middle .form-select :focus {
border-color: #eee;
outline: 0;
box-shadow: none
}
footer .footer-middle h4 {
font-size: 14px;
font-family: "poppinssemibold", sans-serif
}
@media screen and (max-width: 767px) {
footer .footer-middle h4 {
font-size: 14px
}
}
footer .footer-middle ul {
padding: 0px 12px !important
}
footer .footer-middle ul li {
justify-content: space-between;
padding: 0px 30px 0px 0px;
position: relative;
display: inline-block
}
@media screen and (max-width: 768px) {
footer .footer-middle ul li {
padding: 0px 15px;
margin-bottom: 8px
}
}
footer .footer-middle ul li:after {
content: "";
position: absolute;
background: #ffb100;
left: -20px;
width: 5px;
height: 5px;
top: 40%;
border-radius: 50px
}
@media screen and (max-width: 768px) {
footer .footer-middle ul li:after {
left: 0
}
}
footer .footer-middle ul li.no-content:after {
content: none
}
@media screen and (max-width: 768px) {
footer .footer-middle ul li.no-content:after {
content: "" !important
}
}
@media screen and (max-width: 768px) {
footer .footer-middle ul {
text-align: left
}
}
footer .footer-middle hr {
margin-top: 16px
}
footer .footer-middle .ftrisoimg_con .iso-certified {
border-left: 1px solid #dbd9d9;
padding-left: 20px;
width: 160px !important
}
footer .footer-middle .footer-heading {
font-family: "poppinssemibold"
}
footer .footer-middle .pci-dss-trust {
font-family: "poppinsbold", sans-serif
}
footer .footer-middle .dropdown .country-title {
font-family: "poppinsmedium", sans-serif
}
footer .shipping li {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin: 0px !important
}
footer .shipping li span.shipping-types {
display: block;
margin-top: 5px;
position: relative;
width: 36px;
margin-right: 10px;
height: 20px;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp");
background-position-y: -383px
}
footer .shipping li span.express-shipping-sprite {
background-position-x: 0px
}
footer .shipping li .viss-express-shipping-sprite {
background-position-x: -41px
}
footer .shipping li p {
font-family: "poppinssemibold", sans-serif
}
footer .shipping li p span {
font-family: "poppinsregular", sans-serif
}
.footer-bottom {
padding-bottom: 50px !important
}
.footer-bottom p {
color: #666;
font-size: 13px;
font-family: "poppinsmedium", sans-serif
}
.footer-bottom ul {
text-align: center;
padding: 0px
}
@media screen and (max-width: 768px) {
.footer-bottom ul {
text-align: left
}
}
.footer-bottom ul li {
display: inline-block
}
.footer-bottom ul li a {
padding: 0px 20px;
color: #666
}
@media screen and (max-width: 768px) {
.footer-bottom ul li a {
padding: 0px 10px
}
}
@media screen and (max-width: 576px) {
.footer-bottom ul li a {
padding: 0px 5px
}
}
.footer-bottom .footer-menu {
padding: 0px 12px !important
}
.footer-bottom .footer-menu li {
padding: 0px 15px;
position: relative;
display: inline-block
}
@media screen and (max-width: 768px) {
.footer-bottom .footer-menu li {
margin-bottom: 8px
}
}
.footer-bottom .footer-menu li:after {
content: "";
position: absolute;
background: #ffb100;
right: 100%;
width: 5px;
height: 5px;
top: 40%;
border-radius: 50px
}
@media screen and (max-width: 768px) {
.footer-bottom .footer-menu li:after {
left: 0
}
}
.footer-bottom .footer-menu li a {
color: #666;
text-decoration: none;
position: relative;
padding: 0px
}
.footer-bottom .footer-menu li a:hover {
color: #ffb100
}
.footer-bottom .footer-menu li.no-content:after {
content: none
}
@media screen and (max-width: 768px) {
.footer-bottom .footer-menu li.no-content:after {
content: "" !important
}
}
@media screen and (max-width: 768px) {
.footer-bottom .footer-menu {
text-align: left;
padding: 0px !important
}
}
@media(-webkit-device-pixel-ratio: 1.25) {
.footer-bottom .followus {
margin-right: 50px
}
}
.footer-bottom .followus span {
font-size: 12px;
font-family: "poppinssemibold", sans-serif;
padding-right: 20px;
color: #666
}
@media screen and (max-width: 768px) {
.footer-bottom .followus span {
display: none
}
}
.footer-bottom .followus a i {
font-size: 19px;
padding: 0px 8px
}
@media screen and (max-width: 768px) {
.footer-bottom .followus a i {
padding: 0px;
padding-right: 20px
}
}
.footer-bottom .followus a i.fa-facebook-f {
color: #1077f0
}
.footer-bottom .followus a i.fa-instagram {
color: #e41f57
}
.footer-bottom .followus a i.fa-youtube {
color: red
}
.footer-bottom .followus a i.fa-x-twitter {
color: #000
}
.footer-bottom .followus a i.fa-pinterest {
color: #e60023
}
@media screen and (max-width: 768px) {
.footer-bottom .followus {
justify-content: left !important
}
}
@media screen and (max-width: 768px) {
.footer-bottom {
text-align: left
}
}
.footer-bottom .container {
padding: 0px !important
}
.show-more-content {
display: none
}
li.show-more {
display: inline-block;
cursor: pointer;
color: #ffb100 !important;
font-size: 12px
}
.app-icons p {
font-size: 14px;
color: #151515;
font-family: "poppinsmedium";
margin: 0px
}
.app-icons .play-store,
.app-icons .app-store {
height: 50px;
min-width: 120px;
margin-right: 10px;
display: block !important;
background-image: url("https://d2ati23fc66y9j.cloudfront.net/sprite-img/homepage-sprite.webp")
}
.app-icons .play-store {
background-position: -120px -798px
}
.app-icons .app-store {
background-position: 0 -798px
}
.download-app-card {
width: 100%;
position: fixed;
padding: 20px;
background: #fff;
bottom: 0px;
box-shadow: 0px 0px 10px 5px #eee;
z-index: 100;
display: none
}
@media screen and (max-width: 820px) {
.download-app-card {
display: block
}
}
.download-app-card .icon {
min-width: 50px;
min-height: 50px;
margin-right: 10px;
height: 50px;
border: solid 1px #eee;
border-radius: 8px;
padding: 5px
}
.download-app-card .header-content {
font-size: 14px;
color: #151515;
font-family: "poppinsmedium", sans-serif
}
.download-app-card .header-content p {
color: #464646;
font-size: 12px;
font-family: "poppinsregular", sans-serif;
margin-bottom: 0px
}
.download-app-card .btn {
font-size: 14px !important;
padding: 8px 20px !important;
width: 100%
}
@media screen and (max-width: 640px) {
.download-app-card .btn {
padding: 8px 10px !important;
font-size: 12px
}
}
.download-app-card .btn-outline {
border: solid 1px #151515;
border-radius: 5px;
color: #151515;
font-family: "poppinssemibold" !important
}
.download-app-card .btn-dark {
border: solid 1px #151515;
border-radius: 5px;
color: #fff;
font-family: "poppinssemibold" !important
}
.download-app-card .rating-stars {
font-size: 12px;
color: #ffb100
}
.go-top {
position: fixed;
display: none;
right: 30px;
bottom: 30px;
height: 40px;
width: 40px;
align-items: center;
justify-content: center;
border-radius: 100px;
background: #ffb100;
padding: 10px 14px;
z-index: 99;
cursor: pointer
}
.go-top em {
color: #fff;
font-size: 15px
}
body.dark-mode footer {
background-color: #151515;
color: #fff
}
body.dark-mode footer ul li a {
color: #fff
}
body.dark-mode footer ul li a:hover {
color: #ffb100
}
body.dark-mode footer .footer-without-anchor ul li {
color: #fff
}
body.dark-mode footer .heading-icon .footer-heading {
color: #fff
}
body.dark-mode footer .country-title {
color: #fff
}
body.dark-mode footer .footer-top .customer-support {
border-color: #999
}
body.dark-mode footer .footer-top .customer-support img {
height: auto !important;
max-height: 100%
}
body.dark-mode footer .footer-middle .country a.dropdown-item {
background-color: #262626;
border: none
}
body.dark-mode footer .footer-middle .country a.dropdown-item:hover {
background-color: #151515
}
body.dark-mode footer .footer-middle .country .country-selector-footer .dropdown-toggle {
border: solid 1px hsla(0, 0%, 60%, .768627451) !important
}
body.dark-mode footer .footer-middle .country .country-selector-footer .dropdown-toggle:after {
color: #fff
}
body.dark-mode footer .footer-heading.pci-dss-trust {
color: #999 !important
}
body.dark-mode footer .country-flag {
border-color: #4e4e4e !important
}
body.dark-mode footer .footer-bottom p {
color: #fff
}
body.dark-mode footer .footer-bottom .footer-menu li a {
color: #fff
}
body.dark-mode footer .footer-bottom .footer-menu li a:hover {
color: #ffb100
}
body.dark-mode footer .footer-bottom span {
color: #fff
}
body.dark-mode footer .footer-bottom .followus a i.fa-x-twitter {
color: #fff
}
img.lazy {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important
}
.notice-cookie {
right: 2%;
position: fixed;
bottom: 3%;
left: unset !important;
max-width: 438px;
width: auto;
border-radius: 10px;
text-align: left;
padding: 16px 18px !important;
background-color: #151515 !important;
z-index: 999;
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, .2)
}
@media screen and (max-width: 575px) {
.notice-cookie {
max-width: 96%;
padding: 14px !important;
right: 0 !important;
left: 0 !important;
margin: 0 auto;
bottom: 2%
}
}
.notice-cookie .notice-cookie-text,
.notice-cookie .notice-cookie-actions {
display: inline-block;
margin: 0 2px
}
@media screen and (max-width: 575px) {
.notice-cookie .notice-cookie-text button,
.notice-cookie .notice-cookie-actions button {
width: 100%;
font-size: 14px !important
}
}
.notice-cookie .notice-cookie-text p {
line-height: normal;
font-size: 12px;
font-family: "poppinsmedium", sans-serif;
color: #fff
}
@media screen and (max-width: 575px) {
.notice-cookie .notice-cookie-text p {
font-size: 12px;
margin-bottom: 12px
}
}
.notice-cookie .notice-cookie-text a {
color: #ffb100;
margin: 0 2px;
font-family: "poppinsbold", sans-serif;
text-decoration: underline !important
}
.notice-cookie .btn.btn-primary {
background-color: #ffb100;
outline: 0;
padding: 5px 15px;
border-radius: 5px
}
.notice-cookie-actions.accept .btn {
font-family: "poppinssemibold", sans-serif;
background-color: #ffb100 !important;
border-color: #ffb100 !important;
color: #151515 !important
}
.notice-cookie-actions.reject .btn {
background-color: #6c757d !important;
border-color: #6c757d !important;
color: #fff !important;
font-family: "poppinssemibold", sans-serif
}
.notice-cookie .notice-cookie-content {
width: auto !important;
padding: 0 !important
}
@media screen and (max-width: 575px) {
.notice-cookie .noticebtn_wrp {
display: flex;
gap: 5px
}
}
@media screen and (max-width: 575px) {
.notice-cookie .noticebtn_wrp .notice-cookie-actions {
width: 48%
}
}
.dialog-close {
position: absolute;
right: -10px;
top: -10px;
height: 48px;
width: 48px;
border-radius: 100%;
z-index: 9;
display: flex;
font-size: 16px;
align-items: center;
justify-content: center;
background: #fff;
border: none
}
.dialog-close i,
.dialog-close em {
color: #151515 !important
}
@media screen and (max-width: 768px) {
.dialog-close {
right: 0px;
top: 0px;
font-size: 20px
}
}
.store-change-popup .storechangemodallabel .fa-long-arrow-alt-right {
font-size: 16px !important
}
.store-change-popup .storechangemodallabel .store-title {
font-size: 16px !important;
color: #151515
}
.store-change-popup .store-flag {
width: 40px !important;
height: 27px;
cursor: pointer;
border-radius: 5px;
border: 1px solid #ddd;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
margin: auto
}
.store-change-popup .store-flag span {
width: 40px !important;
height: 25px;
border-radius: 5px
}
.store-change-popup .store-flag:hover {
box-shadow: 0 1px 6px rgba(32, 33, 36, .28)
}
@media screen and (max-width: 768px) {
.store-change-popup .store-flag:hover {
box-shadow: none
}
}
.store-change-popup .store-flag .us {
background-position: 0px -65px
}
.store-change-popup .store-flag .uk {
background-position: -43px -65px
}
.store-change-popup .store-flag .china {
background-position: -86px -65px
}
.store-change-popup .store-flag .japan {
background-position: -129px -65px
}
.store-change-popup .store-flag .hongkong {
background-position: -172px -65px
}
.store-change-popup .store-flag .korea {
background-position: -215px -65px
}
.store-change-popup .store-flag .india {
background-position: -301px -65px
}
.store-change-popup .store-flag .turkey {
background-position: -258px -65px
}
.store-change-popup .store-flag .kuwait {
background-position: -344px -65px
}
.store-change-popup .store-flag .germany {
background-position: -387px -65px
}
.store-change-popup .store-flag .eu {
background-position: -430px -65px
}
.subscription-success .modal-header {
padding: 0px
}
.subscription-success p i {
font-size: 20px;
height: 50px;
width: 50px;
border-radius: 100%;
background-color: #eee;
display: flex;
align-items: center;
justify-content: center;
margin: 0px auto
}
.subscription-success h5 {
font-size: 14px;
color: #151515
}
.subscription-success.show {
display: flex;
align-items: center
}
.country-change-popup .modal-body {
padding: 40px
}
.country-change-popup .modal-body .icon-sec {
max-width: 60px;
max-height: 60px;
margin: 0px auto
}
.country-change-popup .modal-body .icon-sec img {
width: 100%;
height: auto;
max-width: 70px
}
.country-change-popup .modal-body .content-sec {
text-align: center;
line-height: 26px;
font-size: 17px;
color: #666;
margin: 25px 0px;
font-family: "poppinsmedium", sans-serif
}
.country-change-popup .modal-body .content-sec span {
color: #151515;
font-family: "poppinssemibold", sans-serif;
text-transform: uppercase;
display: inline;
align-items: center;
margin: 0px 5px
}
.country-change-popup .modal-body .content-sec span img {
max-width: 25px;
margin-left: 5px;
border: 1px solid #eee;
box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}
.country-change-popup .modal-body .popup-block span.btn {
font-size: 14px !important;
font-family: "poppinssemibold", sans-serif !important;
padding: 10px 15px !important
}
.country-change-popup .btn-primary {
color: #151515 !important
}
@font-face {
font-family: "poppinsExtraLight";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-ExtraLight.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinslight";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsregular";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsmedium";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinssemibold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-semibold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsbold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsExtraBold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-extraBold.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsblack";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsExtraLight";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-ExtraLight.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinslight";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsregular";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsmedium";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinssemibold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-semibold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsbold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsExtraBold";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-extraBold.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "poppinsblack";
src: url("https://d24epxax9d77vm.cloudfront.net/ubuycom/assets/v5/fonts/poppins-webfont/poppins-black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image:before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image,
.fancybox-spaceball {
background: rgba(0, 0, 0, 0);
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe,
.fancybox-video {
background: rgba(0, 0, 0, 0);
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: none
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports(padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
animation: a 1s linear infinite;
background: rgba(0, 0, 0, 0);
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1)
}
@media(max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports(padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: rgba(0, 0, 0, 0);
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 100px
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991
}
.fancybox-thumbs__list a:focus:before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1
}
@media(max-width: 576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.info-box-muara {
max-width: 900px;
margin: 30px auto;
background: #ffffff;
border-radius: 16px;
border: 3px solid #ff0000;
box-shadow: 0 0 18px rgb(255 0 0 / 60%);
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
.info-header-muara {
background: linear-gradient(90deg, #be0101, #fb0000);
color: #ffffff;
text-align: center;
padding: 18px 14px;
font-size: 22px;
font-weight: bold;
}
.info-row-muara {
display: flex;
justify-content: space-between;
padding: 14px 16px;
border-bottom: 1px solid #e5e5e5;
}
.info-row-muara:last-child {
border-bottom: none;
}
.info-label-muara {
font-weight: 600;
color: #000;
width: 40%;
}
.info-value-muara {
font-weight: 700;
color: #000;
width: 60%;
}
.rating-muara {
color: #f5b400;
letter-spacing: 2px;
}
/* RESPONSIVE MOBILE */
@media (max-width: 600px) {
.info-label-muara {
flex-direction: column;
}
.info-label-muara,
.info-value-muara {
width: 100%;
}
.info-label-muara {
margin-bottom: 6px;
}
}
/*# sourceMappingURL=detailpage.css.map */
</style>
<link rel="prefetch" href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/js/velocity.min.js?v=1.54">
<link rel="prefetch" href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/track.min.js?v=1.54">
<link rel="prefetch" href="https://www.ubuy.com.kh/ubuycom/assets/v5/custom_js/productdetail.all_store.js?v=4.4.74">
<link rel="prefetch" href="https://www.ubuy.com.kh/skin/frontend/default/ubuycom-v1/js/size-chart.js?v=4.4.74">
<link rel="prefetch" href="https://www.ubuy.com.kh/skin/frontend/default/ubuycom-v1/js/star-rating.min.js">
<!-- <link rel="preload" as="script" href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/webpushfire.js?v=1.54" crossorigin="anonymous"> -->
</head>
<body class="body-desktop">
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFBPZ6R" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<header class="main-header header-sticky new-v5">
<div class="ubuy_home_bar" style="display: none;"></div>
<div class="wsmenucontainer">
<div class="container-fluid">
<nav class="navbar navbar-expand d-flex justify-content-between align-self-center p-0">
<div class="header-left d-flex flex-row-reverse align-items-center">
<!-- For Mobile -->
<div class="mobilemenu-wraper d-xl-none d-block">
<div class="mobile-menu-toggle"><i class="fa-solid fa-bars"></i></div>
<div class="mobile-menu-wrapper">
<aside class="mega-menu" id="mega-menu--mobile">
<div class="mega__container" data-active-depth="1" data-active-nav="">
<div class="mega__header">
<div class="mega__controls">
<div class="heading">Explore</div>
<button type="button" id="menu-back" aria-label="Close Menu"
class="menu-back">
<span class="btn__icon">
<i class="fa fa-times"></i>
</span>
</button>
</div>
</div>
<div id="wsitem-loader" class="mega__body">
</div>
</div>
</aside>
</div>
<div class="wrapper-bg">
<i class="fa fa-times close-menu"></i>
</div>
</div>
<!-- for desktop -->
<div class="menu-wraper d-xl-block d-none">
<div id="explore-category" class="explore-btn" href="javascript:void(0)">
<img height="23" width="23" class="me-2"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom/assets/v5/images/explore-icon.svg"
alt="explore">Explore
</div>
<div class="menu-content" id="wstabitem-loader">
<div class="u-loader-sl s1x">
<div class="u-loader-outer"></div>
<div class="u-loader loading s1x">
<div class="loader-spin"></div>
</div>
</div>
</div>
</div>
<a class="navbar-brand me-5" href="https://www.linkabili.it/tag/sardegna/"
title="MUARA777">
<img height="60" width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcS3YFsH2YiwjKXVMx1URrdWNXWzCdcenc5VJtFnkxgS7ofPvkm_RMCAQ4miviNcFSjzNLfyBhKr30e6Fjq0OsgJM7Gm5JxdLVwtJEFiRFOwz6KsPkU42iexR7JUazYc2dVGlSVZ-FJz5lHE_xUTjwUvTMj9E7i9KZiiUQms8lcByr-vLMjY5mTXG3H0/s16000/Logo-Muara777-800x146.gif"
alt="MUARA777">
</a>
</div>
<!-- Header Search Section -->
<div class="header-center">
<div class="header-search-bar">
<form id="search-form-sm" action="https://www.linkabili.it/tag/sardegna/"
method="get" class="w-100 d-flex">
<!-- Select Category -->
<div class="select-category dropdown">
<button class="select-category dropdown-toggle" type="button"
data-bs-toggle="dropdown" aria-expanded="false">
All
</button>
<ul class="dropdown-menu">
<li class="dropdown-item">All</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Fashion & Lifestyle">Fashion & Lifestyle</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Electronics & Gadgets">Electronics & Gadgets</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Home & Kitchen Supplies">Home & Kitchen Supplies</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Beauty & Self Care">Beauty & Self Care</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Toys & Adventures">Toys & Adventures</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Sports & Outdoor">Sports & Outdoor</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Health, Vitamins & Supplements">Health, Vitamins &
Supplements</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Pet Care">Pet Care</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Auto Parts & Accessories">Auto Parts & Accessories</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Books & Literature">Books & Literature</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Yoga Clothing & Accessories">Yoga Clothing & Accessories</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Baby Care & Gear">Baby Care & Gear</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Fishing & Tackle Gear">Fishing & Tackle Gear</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Gloves & Mittens">Gloves & Mittens</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Health & Supplements">Health & Supplements</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Electronics">Electronics</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Beauty & Personal Care">Beauty & Personal Care</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Fashion">Fashion</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Home & Kitchen">Home & Kitchen</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Baby Essentials">Baby Essentials</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Musical Instruments">Musical Instruments</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Grocery & Gourmet Food">Grocery & Gourmet Food</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Office Supplies">Office Supplies</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Sports Outdoor & Fitness">Sports Outdoor & Fitness</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Automotive">Automotive</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Household Supplies">Household Supplies</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Pet Supplies">Pet Supplies</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Arts Crafts & Sewing">Arts Crafts & Sewing</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Toys & Games">Toys & Games</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Industrial Supplies">Industrial Supplies</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Books">Books</a>
</li>
<li class="dropdown-item">
<a class="search-category-item"
href="https://www.linkabili.it/tag/sardegna/"
title="Gardening Supplies">Gardening Supplies</a>
</li>
</ul>
</div>
<!-- Hidden Inputs -->
<input type="hidden" name="ref_p" value="ser_tp" />
<!-- Search Box -->
<input type="text" name="q" id="search-box-text-sm" class="form-control"
placeholder="Search MUARA777 On Google" aria-label="Text input with dropdown"
autocomplete="off" maxlength="300">
<!-- Store Selector -->
<div class="select-store dropdown">
<button id="select-store-dropdown" class="select-store dropdown-toggle"
type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="d-flex align-items-center" title="United States store"
data-store="us"
data-href="https://www.a.ubuy.com.kw/en/contacts/index/storeswap?store=us&substore=store">
<div class="store-flag bg-light d-flex align-items-center">
<span class="us"></span>
</div>
<span>US</span>
</span>
</button>
</div>
</form>
</div>
</div>
<ul class="dropdown-menu rounded border-0">
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="global" data-mstore="*" data-store="*"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Global store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><i
style="width:25px; text-align:center; color:#ffb100"
class="fa fa-globe primary-text"></i></div>
<div class="store-title">Global</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap active"
data-fromstorecode="us" data-fromstore="us" data-tostore="us" data-mstore="us"
data-store="us" data-href="https://www.linkabili.it/tag/sardegna/"><span
class="" title="United States store"
data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="us"></span>
</div>
<div class="store-title">US</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="uk" data-mstore="uk" data-store="uk"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="United Kingdom store"
data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="uk"></span>
</div>
<div class="store-title">UK</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="eu" data-mstore="eu" data-store="eu"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Europe store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="eu"></span>
</div>
<div class="store-title">EU</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="china" data-mstore="ch" data-store="ch"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="China store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="china"></span>
</div>
<div class="store-title">CHINA</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="japan" data-mstore="jp" data-store="jp"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Japan store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="japan"></span>
</div>
<div class="store-title">Japan</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="hongkong" data-mstore="hk" data-store="hk"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Hongkong store"
data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span
class="hongkong"></span></div>
<div class="store-title">Hongkong</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="korea" data-mstore="kr" data-store="kr"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Korea store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="korea"></span>
</div>
<div class="store-title">Korea</div>
</span></li>
<li test="header" class="dropdown-item header-store-dropdown storeswap " data-fromstorecode="us"
data-fromstore="us" data-tostore="turkey" data-mstore="tr" data-store="tr"
data-href="https://www.linkabili.it/tag/sardegna/"><span class=""
title="Turkey store" data-href="https://www.linkabili.it/tag/sardegna/">
<div class="store-flag bg-light d-flex align-items-center"><span class="turkey"></span>
</div>
<div class="store-title">Turkey</div>
</span></li>
</ul>
</div>
</div>
<style>
.n-columns-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
font-weight: 700;
}
.n-columns-2 a {
text-align: center;
}
.login,
.register {
color: #000;
padding: 13px 10px;
}
.login,
.login-button {
background: linear-gradient(to bottom, #a50000 0%, #ff0000 50%, #a50000 100%);
border: 2px solid #000000;
box-shadow: 0px 0px 3px #fff;
}
.register,
.register-button {
background: linear-gradient(to bottom, #a50000 0%, #ff0000 50%, #a50000 100%);
border: 2px solid #000000;
box-shadow: 0px 0px 3px #fff;
}
</style>
<div class="n-columns-2">
<a href="https://linkbili-segarde.pages.dev/" rel="nofollow noreferrer" class="login">LOGIN</a>
<a href="https://linkbili-segarde.pages.dev/" rel="nofollow noreferrer" class="register">DAFTAR</a>
</div>
</div>
<ul class="dropdown-menu rounded border-0">
<li class="dropdown-item"><a class="" title="Hong Kong" href="https://www.ubuy.hk/en/">
<div class="country-flag"><span class="hong-kong"></span></div>
<div class="country-title">Hong Kong</div>
</a></li>
<li class="dropdown-item"><a class="" title="India" href="https://www.ubuy.co.in/">
<div class="country-flag"><span class="india"></span></div>
<div class="country-title">India</div>
</a></li>
<li class="dropdown-item"><a class="" title="Indonesia" href="https://www.ubuy.co.id/en/">
<div class="country-flag"><span class="indonesia"></span></div>
<div class="country-title">Indonesia</div>
</a></li>
<li class="dropdown-item"><a class="" title="Japan" href="https://www.u-buy.jp/en/">
<div class="country-flag"><span class="japan"></span></div>
<div class="country-title">Japan</div>
</a></li>
<li class="dropdown-item"><a class="" title="Malaysia" href="https://www.ubuy.com.my/en/">
<div class="country-flag"><span class="malaysia"></span></div>
<div class="country-title">Malaysia</div>
</a></li>
<li class="dropdown-item"><a class="" title="Maldives" href="https://www.ubuy.mv/en/">
<div class="country-flag"><span class="maldives"></span></div>
<div class="country-title">Maldives</div>
</a></li>
<li class="dropdown-item"><a class="" title="Philippines" href="https://www.ubuy.com.ph/">
<div class="country-flag"><span class="philippines"></span></div>
<div class="country-title">Philippines</div>
</a></li>
<li class="dropdown-item"><a class="" target='_blank' title="View All Countries" href="https://ubuy.com/">
<div class="country-flag"><span class="view-all-countries"></span></div>
<div class="country-title">View All Countries</div>
</a></li>
</ul>
</li>
<ul class="dropdown-menu rounded border-0">
<li class="welcome-msg">Welcome</li>
<li class="dropdown-item"><a href="https://www.linkabili.it/tag/sardegna/"
title="Sign in"><span class="signin-sprite"></span>Sign in</a></li>
<li class="dropdown-item"><a href="https://www.linkabili.it/tag/sardegna/"
title="Create an Account"><span class="createaccount-sprite"></span> Create an Account</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="mini-cart-wrap d-none">
<div class="mini-cart-top">
<style type="text/css">
.mini-cart-wrap {
padding-top: 0px !important;
}
</style>
<span class="fw-600 custom-h6">Added to Cart</span>
<button class="close-cart" aria-label="Close cart">
<i class="fas fa-times"></i>
</button>
</div>
<div id="cart-popup-items" class="cart-popup-listing"></div>
</div>
<div class="cart-overlay"></div>
</header>
<section class="detailpage-revamp my-5" id="deskTopView">
<div class="container">
<div class="detail-section">
<div class="row">
<!-- right side -->
<div class="col-md-9">
<div class="row">
<div class="col-md-6">
<div class="product-item">
<div class="product-banner">
<div class="d-flex justify-content-between align-items-center">
<div></div>
<a class="wishlist-icon add-to-wishlist" role="button"
data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Wishlist"
data-bs-original-title="Wishlist">
<i class="far fa-heart"></i>
</a>
</div>
<br>
<!-- <span class="wishlist-icon add-to-wishlist"> <i class="fa-solid fa-heart"></i> </span> -->
<div class="main-slider-container">
<div class="main-product-slider">
<div class="slide-item skelton">
<a class="skelton" data-fancybox="gallery"
href="https://www.linkabili.it/tag/sardegna/">
<img data-fancybox="gallery"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 ️ Penyedia Layanan Situs Toto Togel & Slot Online">
</a>
</div>
</div>
</div>
<!--Ubuy Authentic Seal-->
<span class="ubuy-authentic-seal skelton">
</span>
<!--Ubuy Authentic Seal-->
</div>
<div class="thumbnail-container">
<div class="d-flex justify-content-between">
<div class="item thumbnail " data-index="2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
</div>
<div class="item thumbnail " data-index="2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
</div>
<div class="item thumbnail " data-index="2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia"">
</div>
<div class=" item thumbnail " data-index=" 2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
</div>
<div class="item thumbnail " data-index="2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
alt="MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia">
</div>
</div>
</div>
<div class="container my-4">
<div class="product-article card shadow-sm p-4 rounded">
<div class="card-body">
<p style="text-align: justify; color: #080808;">
MUARA777 adalah situs slot gacor online yang memberikan tingkat kemenangan besar untuk setiap pemain.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="single-product-content">
<div class="head-content">
<div class="d-flex brand-name">
<a title="Brand:MUARA777" class="d-block"
href="https://www.linkabili.it/tag/sardegna/">MUARA777</a>
</div>
<p class="h5 font-weight-light brand-name ">
</p>
<h1 class="title">MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia</h1>
<div class="item-id">Item #: <span class='' id='item_id'>999,999,999</span>
</div>
<div class="price-box">
<h2 class="variations-item">Rp10.000<span itemprop="price"
content="21"></span>
</h2>
</div>
<div class="rating rating-review d-flex" id="product_avg_rating">
<input class="d-none avg-rating-input " id="review_avg" value="0">
<div class="rating-stars variations-item"> <span
class="star d-inline-block"> <i class="fa-solid fa-star"></i>
</span> <span class="star d-inline-block"> <i
class="fa-solid fa-star"></i>
</span> <span class="star d-inline-block"> <i
class="fa-solid fa-star"></i>
</span> <span class="star d-inline-block"> <i
class="fa-solid fa-star"></i>
</span> <span class="star d-inline-block"> <i
class="fa-regular fa-star"></i>
</span>
</div>
<span class="total_review me-4" id="product_total_review">4.9
rating</span>
<a class="write-review " id="write-a-review" role="button">
<span><i class="fas fa-pen"></i>Write a Review</span>
</a>
</div>
<div class="d-flex justify-content-between align-items-center">
<div class="availability ">
<label>Availability : </label>
<span id="availability-status" class="in-stock">MUARA777</span>
</div>
<div class="product-store ">
<img src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/images/countries-flag/us-store.svg"
class="mr-1">
<span>Imported from MUARA777</span>
</div>
</div>
</div>
<!-- middle content -->
<div class="middle-content">
<form action="#" method="post" id="product_addtocart_form">
<input type="hidden" id="csrftoken" name="csrftoken"
value="enQ3Y3VudzRKeldMT3hxU2pWalQ="> <input name="form_key"
value="e79dce5e6891cc821a6ff8309ea83091" type="hidden">
<div class="product-variations" id="product-variations">
<div class="variations-item">
<button class="variations-button collapsed"
data-heading="Black/White-001" id="colorSelect" type="button"
data-bs-toggle="collapse" data-bs-target="#colorSelect-content"
aria-expanded="false">
Color : <strong class="d-inline-block ms-1">YELLOW</strong>
</button>
<div id="colorSelect-content" class="accordion-collapse collapse "
aria-labelledby="ColorSelect"
data-bs-parent="#product-variations">
<div class="veriations-options">
<ul class="radio-check" id="select_Color">
</div>
</div>
</div>
</div>
</form>
</div>
<div class="bottom-content">
<div class="free-express-shipping">
<div class="d-flex align-items-center">
<div class="text-free-delevery ">
<p class="text-before m-0">MUARA777 adalah situs slot gacor online terpercaya dan teraman.
Dengan Sistem keamanan yang tinggi keamanan data akan lebih aman.
Pemain dapat bermain dengan lebih aman dan nyaman.
</p>
<div class="progress w-100 progress-bar-container">
<div id="progress-bar" class="progress-bar" title="progressbar"
aria-label="link to progress bar" role="progressbar"
style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<style>
.border-box {
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
/* jarak antar item */
}
.border-box .card {
flex: 1 1 calc(20% - 15px);
/* 5 item per baris */
max-width: 100px;
aspect-ratio: 1 / 1;
/* persegi sempurna */
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
overflow: hidden;
background-color: #fafafa;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.border-box .card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.border-box .card img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Responsive tampilan di HP */
@media (max-width: 768px) {
.border-box .card {
flex: 1 1 calc(33.33% - 10px);
/* 3 item per baris di HP */
}
}
@media (max-width: 480px) {
.border-box .card {
flex: 1 1 calc(50% - 10px);
/* 2 item per baris di layar kecil */
}
}
</style>
<div class="border-box">
<div class="card">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png"
alt="MUARA777">
</div>
<div class="card">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png"
alt="MUARA777">
</div>
<div class="card">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png"
alt="MUARA777">
</div>
<div class="card">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png"
alt="MUARA777">
</div>
<div class="card">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png"
alt="MUARA777">
</div>
<hr class="separator">
<div class="payment-method-options d-flex justify-content-between">
<div style="width:56px; height:26px; display:block;" class="card">
<img src="https://upload.wikimedia.org/wikipedia/commons/0/04/Visa.svg"
alt="visa" style="width:100%; height:100%; object-fit:contain;">
</div>
<div style="width:56px; height:26px; display:block;" class="card">
<img src="https://imgstore.io/images/2025/03/19/qris.webp"
alt="qris" style="width:100%; height:100%; object-fit:contain;">
</div>
<div style="width:56px; height:26px; display:block;" class="card">
<img src="https://imgstore.io/images/2025/03/19/bca.webp" alt="bca"
style="width:100%; height:100%; object-fit:contain;">
</div>
<div style="width:56px; height:26px; display:block;" class="card">
<img src="https://imgstore.io/images/2025/03/19/ovo.webp" alt="ovo"
style="width:100%; height:100%; object-fit:contain;">
</div>
<div style="width:56px; height:26px; display:block;" class="card">
<img src="https://imgstore.io/images/2025/12/20/mandiri.png"
alt="mandiri"
style="width:100%; height:100%; object-fit:contain;">
</div>
</div>
</div>
<div class="seller-info fs-6 mt-3 "> Powered by : <a
class="seller-modal-link font-normal theme-color" data-bs-toggle="modal"
data-bs-target="#seller-info"
href="https://www.linkabili.it/tag/sardegna/">
MUARA777</a>
</div>
<div class="prime-text ">
Note: Pastikan selalu mengakses situs bandar togel dan slot gacor online melalui link resmi
dengan layanan istimewa 24 jam. <a class="font-normal theme-color"
href="https://linkbili-segarde.pages.dev/" target="_blank">KLIK
DISINI</a>.
</div>
</div>
<div class="info-box-muara">
<div class="info-header-muara">
Informasi Lengkap MUARA777
</div>
<div class="info-row-muara">
<span class="info-label-muara">Nama Situs</span>
<span class="info-value-muara">MUARA777</span>
</div>
<div class="info-row-muara">
<span class="info-label-muara">Jenis Game</span>
<span class="info-value-muara">Toto Online & Slot Online</span>
</div>
<div class="info-row-muara">
<span class="info-label-muara">Minimal Deposit</span>
<span class="info-value-muara">IDR 10,000</span>
</div>
<div class="info-row-muara">
<span class="info-label-muara">Minimal Withdraw</span>
<span class="info-value-muara">IDR 50,000</span>
</div>
<div class="info-row-muara">
<span class="info-label-muara">Transaksi Pembayaran</span>
<span class="info-value-muara">Transfer Bank Lokal, E-wallet, QRIS</span>
</div>
<div class="info-row-muara">
<span class="info-label-muara">Rating</span>
<span class="info-value-muara rating-muara">
★★★★★ <strong>— 888,888,777</strong>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- sidebar -->
<div class="col-md-3">
<div class="sidebar">
<div class="card">
<div class="card-body p-0">
<!-- product details -->
<div class="product-details">
<h2 class="heading d-flex justify-content-between">Rp10.000</h2>
<div class="description">
MUARA777 adalah situs slot online terpercaya dan terbaik di Indonesia.
<div class="mt-2">188.172 Ulasan</div>
</div>
<div class="mt-2 mb-0">
<span class="text-dark">Excluding VAT : VAT will be calculated on the
checkout page</span>
</div>
<p class="fw w-100"></p>
</div>
<!-- Product Shop -->
<div class="product-shop">
<div class="quantity-input">
<button class="btn minus-btn" type="button">-</button>
<input type="text" id="number" class="form-control" value="1">
<label class="sr-only" for="number"></label>
<button class="btn plus-btn" type="button">+</button>
</div>
<!-- Tombol DAFTAR dengan link -->
<a href="https://linkbili-segarde.pages.dev/" target="_blank"
class="btn add-to-cart-btn" id="add-to-cart-btn">
DAFTAR
</a>
<!-- Tombol LOGIN dengan link -->
<a href="https://linkbili-segarde.pages.dev/" target="_blank"
class="btn buy-now-btn" id="buy-now-btn">
LOGIN
</a>
<span class="text-success mt-2 d-block">Keyword Populer</span>
</div>
<!-- product features -->
<div class="product-features">
<div class="content">
<ul class="features-points">
<li>MUARA777</li>
<li>MUARA 777</li>
<li>MUARA777 LOGIN</li>
<li>SLOT GACOR</li>
<li>LOGIN MUARA777</li>
<li>LINK RESMI MUARA777</li>
<li>MUARA777 DAFTAR</li>
<li>MUARA777 RESMI</li>
</ul>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<div class="error text-danger" data-msg="Please enter a valid email address."
id="validate-newsletter"></div>
</div>
</div>
</form>
</div>
<div class="footer-top">
<div class="row">
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
<div class="heading-icon mb-3">
<p class="footer-heading"><span class="quick-links-sprite"></span>
QUICK LINKS</p>
</div>
<hr>
<ul>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="About Us MUARA777">About Us MUARA777</a></li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Contact Us MUARA777">Contact Us MUARA777</a></li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Quotation Request">Quotation Request</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Intellectual Property">Intellectual Property</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="Sitemap">Sitemap</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="Track Order">Track
Order</a></li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Customs tariffs and fees">Customs tariffs and fees</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Shipping Policy">Shipping Policy</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Micro Influencer">Micro Influencer</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="Ubuy Membership">Ubuy
Membership</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="Ubuy Warranty">Ubuy
Warranty</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Healthcare Disclaimer">Healthcare Disclaimer</a>
</li>
</ul>
</div>
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
<div class="heading-icon">
<p class="footer-heading"><span class="ubuy-sprite"></span> UBUY</p>
</div>
<hr>
<ul>
<li class="m-0"><a href="https://www.linkabili.it/tag/sardegna/"
title="Download App MUARA777">Download App MUARA777</a></li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="Brands List">Brands
List</a>
</li>
<li class="m-0"><a href="https://www.linkabili.it/tag/sardegna/"
title="Customer Reviews">Customer Reviews</a>
</li>
<li class="m-0"><a href="https://www.linkabili.it/tag/sardegna/"
title="Return Policy">Return Policy</a>
</li>
<li class="m-0"><a target="_blank" href="https://www.linkabili.it/tag/sardegna/"
title="Blog">Blog</a></li>
<li class="m-0"><a href="https://www.linkabili.it/tag/sardegna/"
title="FAQ">FAQ</a></li>
<li class="m-0"><a href="https://www.linkabili.it/tag/sardegna/"
title="About Ucredit">About Ucredit</a>
</li>
<li class="m-0"><a target="_blank" href="https://www.linkabili.it/tag/sardegna/"
title="MUARA777 Affiliates">MUARA777 Affiliates</a>
</li>
</ul>
</div>
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor">
<div class="heading-icon">
<p class="footer-heading"><span class="payment-sprite"></span> PAYMENT </p>
</div>
<hr>
<ul>
<li class="text-nowrap ">
<div class="d-flex align-items-center">
<figure class="m-0">
<img width="65" height="42" alt="Paypal payment" title="Paypal"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom/homebanner/payment_methods-175369014491.png">
</figure>
<div class="pay_icon-name">Paypal</div>
</div>
</li>
<li class="text-nowrap ">
<div class="d-flex align-items-center">
<figure class="m-0">
<img width="65" height="42" alt="Visa payment" title="Visa"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom/homebanner/payment_methods-175368113152.png">
</figure>
<div class="pay_icon-name">Visa</div>
</div>
</li>
<li class="text-nowrap ">
<div class="d-flex align-items-center">
<figure class="m-0">
<img width="65" height="42" alt="Mastercard payment" title="Mastercard"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom/homebanner/payment_methods-175368114244.png">
</figure>
<div class="pay_icon-name">Mastercard</div>
</div>
</li>
</ul>
</div>
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor footer-widget ">
<div class="heading-icon">
<p class="footer-heading"><span class="shipping-sprite"></span>
SHIPPING</p>
</div>
<hr>
<ul class="shipping">
<li class="row"><span class="shipping-types express-shipping-sprite"></span>
<p class="m-0">
Express Shipping<span>Fast Delivery</span>
</p>
</li>
<li class="row"><span class="shipping-types viss-express-shipping-sprite"></span>
<p class="m-0">
Standard Shipping<span>10+ Business Days</span>
</p>
</li>
</ul>
</div>
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
<div class="heading-icon">
<p class="footer-heading"><span class="cities-covered-sprite"></span>
CITIES COVERED</p>
</div>
<hr>
<a href="https://www.linkabili.it/tag/sardegna/" class="view_more_cities text-dark"
title="View more cities">View More Cities <i class="fa-solid fa-angle-right"></i></a>
</div>
<div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor">
<div class="heading-icon">
<p class="footer-heading"><span class="other-sprite"></span> Other </p>
</div>
<hr>
<div class="app-icons">
<p>Download our App</p>
<div class="d-flex mt-3 flex-wrap gap-1">
<a class="app-store d-none m-0" aria-label="App Store"
href="https://ubys.us/apps/?type=apps&utm_source=inhd-ubapp&utm_medium=ubuy-website-abroad&utm_term=bottom-icon&utm_campaign=app-install-ubuy-abroad-web-BTM"
target="_blank"></a><a class="play-store d-none m-0" aria-label="Play Store"
href="https://www.linkabili.it/tag/sardegna/&referrer=utm_source%3Dinhd-ubapp%26utm_medium%3Dubuy-website-abroad%26utm_term%3Dbottom-icon%26utm_campaign%3Dapp-install-ubuy-abroad-web-BTM"
target="_blank"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="col-xl-9 col-lg-9 col-md-8 col-sm-12 mt-md-2 mb-md-0 mb-sm-2 d-flex justify-content-center justify-content-md-start flex-column">
<p class="footer-heading pci-dss-trust" style="font-size: 16px; color: #666; font-weight:bold;">
TRUST ENSURED WITH</p>
<div class="ftrisoimg_con d-flex gap-4 align-items-center mt-2">
<a href="https://www.linkabili.it/tag/sardegna/" title="PCI DSS" target="_blank">
<img width="94" height="36"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom-v1/images/loading.gif"
data-src="https://d2ati23fc66y9j.cloudfront.net/ubuycom/assets/v5/images/pci-dss-compliant.svg"
alt="PCI Security Standards Council" style="max-width:100%;" class="lazy" />
</a>
<div>
<a title="ISO Certified" target="_blank">
<img style="border-left: 1px solid #dbd9d9; padding-left: 20px; width:auto;"
src="https://d2ati23fc66y9j.cloudfront.net/ubuycom-v1/images/loading.gif"
data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcS3YFsH2YiwjKXVMx1URrdWNXWzCdcenc5VJtFnkxgS7ofPvkm_RMCAQ4miviNcFSjzNLfyBhKr30e6Fjq0OsgJM7Gm5JxdLVwtJEFiRFOwz6KsPkU42iexR7JUazYc2dVGlSVZ-FJz5lHE_xUTjwUvTMj9E7i9KZiiUQms8lcByr-vLMjY5mTXG3H0/s16000/Logo-Muara777-800x146.gif" width="139" height="38"
alt="iso certified" class="lazy" />
</a>
</div>
</div>
</div>
<hr>
</div>
<div class="footer-bottom pb-4">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-3 col-12">
<p>Copyright © 2026 MUARA777</p>
</div>
<div class="col-md-12 col-sm-12 col-lg-6 col-12">
<ul class="footer-menu">
<li class="no-content"><a href="https://www.linkabili.it/tag/sardegna/"
title="Terms & Conditions">Terms & Conditions</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Privacy Policy">Privacy Policy</a>
</li>
<li><a href="https://www.linkabili.it/tag/sardegna/" title="About Us">About
Us</a></li>
<li><a href="https://www.linkabili.it/tag/sardegna/"
title="Contact Us">Contact Us</a></li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-lg-3 col-12">
<div class="followus d-flex justify-content-start">
<span class="mr-5">Follow Us</span>
<div class="social-footer">
<a href="https://www.linkabili.it/tag/sardegna/" title="Facebook"
target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.linkabili.it/tag/sardegna/" title="Instagram"
target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkabili.it/tag/sardegna/" title="Youtube"
target="_blank"><i class="fa-brands fa-youtube"></i></a>
<a href="https://www.linkabili.it/tag/sardegna/" title="Twitter"
target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkabili.it/tag/sardegna/" title="Pinterest"
target="_blank"><i class="fa-brands fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<style>
.newsletter-subscription .content-sec {
width: 100%;
max-width: 800px;
margin: 0px auto;
}
@media screen and (max-width: 768px) {
.container {
max-width: 100%;
width: 100%;
padding: 0px 25px;
}
}
</style>
<div class="top-purches-popup"></div>
<script
src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/js/script-menu-min.js?v=4.4.74"
async></script>
<script>
$(document).ready(function () {
var buttonprev = $('.owl-prev');
var buttonnext = $('.owl-next');
buttonprev.attr('role', 'button');
buttonnext.attr('role', 'button');
});
var is_multiple_slider = 'false';
var slider_status = false;
if (is_multiple_slider == 'true') {
slider_status = true;
}
var importCountry = '["US","UK","Japan","Germany","Hong Kong","Korea","China","Turkey"]';
var referer = '';
var isDetailPageOpen = '1';
function fetchData(geturl, tag_id, action, init_slider = false, referer = "", isDetailPageOpen = "", token = "") {
jQuery.ajax({
url: geturl,
data: {
importCountries: importCountry,
referer: referer,
isDetailPageOpen: isDetailPageOpen,
token: token
},
type: "POST",
success: function (resp) {
if (action == "html") {
jQuery(tag_id).after(resp);
} else {
jQuery(tag_id).append(resp);
}
if (init_slider == true) {
}
}
});
}
function getCartData() {
jQuery.ajax({
url: "https://www.linkabili.it/tag/sardegna/",
dataType: 'html',
type: 'GET',
data: {
version: "v5"
},
success: function (resp) {
var menuHtml = resp;
if (jQuery.trim(menuHtml) != '') {
var obj = jQuery.parseJSON(menuHtml);
if (jQuery.trim(obj.userAcountHtml) != '') {
jQuery(".header-account").html(obj.userAcountHtml);
}
jQuery("#user_cart_count").html(obj.cartcount);
jQuery("#user_cart_count_sm").html(obj.cartcount);
if (obj.cartcount > 0) {
jQuery("#user_cart_count").addClass("active");
} else {
jQuery("#user_cart_count").removeClass("active");
}
if (jQuery.trim(obj.select_store_html) != '') {
jQuery("#select-store-dropdown").html(obj.select_store_html);
jQuery(".header-store-dropdown").removeClass("active");
jQuery('.header-store-dropdown[data-store="' + obj.currentStore.toLowerCase() + '"]').addClass("active");
}
}
},
complete: function () { }
});
}
function changeStoreEvent(swap_store, order_form, swap_url) {
var customer_id = '';
if (typeof changeStore != "undefined") {
var store_data = {};
user_type = (customer_id != "") ? "registered" : "guest";
store_data.old_store = 'us';
store_data.new_store = swap_store
store_data.user_id = customer_id
store_data.user_type = user_type;
store_data.swap_url = swap_url;
if (order_form == 'new') {
changeStoreNew(store_data);
} else {
changeStore(store_data);
}
}
}
jQuery(document).ready(function () {
getCartData();
var current_store = 'us';
var current_active_store = 'us';
updateCurrentStoreNode(current_store);
jQuery("#mobile-stores").find('li[data-astore="' + current_active_store + '"]').addClass(
'active-store');
jQuery('span[data-store="' + current_store + '"]').addClass('active');
jQuery('span[data-store="' + current_store + '"]').removeClass('storeswap');
jQuery(document).on("click", ".storeswap,li.storeswap", function () {
if (jQuery(this).hasClass('active')) {
return;
}
var is_store_change =
'1';
var store = jQuery(this).attr('data-store');
var mstore = jQuery(this).attr('data-mstore');
var url = jQuery(this).attr('data-href');
var orderform = jQuery(this).attr('data-orderform');
var is_popup = false;
if (store != current_store) {
var is_popup = true;
if (mstore == 'us' && jQuery.inArray(current_store, ['us', 'fashion', 'mart',
'used']) != '-1') {
is_popup = false;
} else if (mstore == 'uk' && current_store == 'uk') {
is_popup = false;
} else if (mstore == 'ch' && current_store == 'ch') {
is_popup = false;
}
}
if (is_popup) {
var base_icon = 'https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/images/countries-flag/';
var from_icon = base_icon + "new-" + current_active_store +
"-icon.png.webp?v=1.0";
var to_icon = base_icon + "new-" + mstore + "-icon.png.webp?v=1.0";
var url_tag = '<button id="store-swap-link" data-order_form="' + orderform +
'" data-swap_store="' + store + '" data-swap_url="' + url +
'" class="btn btn-primary me-3"><strong>YES</strong></button>';
var fromstore = jQuery(this).attr('data-fromstore');
var fromstore2 = jQuery(this).attr('data-fromstorecode');
var tostore = jQuery(this).attr('data-tostore');
var tostore2 = jQuery(this).attr('data-mstore');
jQuery("#store-change-from-icon").find('span').attr('class', fromstore);
jQuery("#store-change-from-text").html(fromstore2.toUpperCase());
jQuery("#store-change-to-icon").find('span').attr('class', tostore);
jQuery("#store-change-to-text").html(tostore2.toUpperCase());
jQuery("#store-swap-link").attr('href', url);
jQuery("#store-swap-link").after(url_tag);
jQuery("#store-swap-link").last().remove();
if (is_store_change > 0) {
window.location.href = url;
} else {
jQuery("#storeChangeModal").modal('show');
}
} else {
window.location.href = url;
}
});
jQuery(document).on('click', "#store-swap-link", function () {
var swap_url = jQuery(this).data("swap_url");
var swap_store = jQuery(this).data("swap_store");
var order_form = jQuery(this).data("order_form");
updateCurrentStoreNode(swap_store);
changeStoreEvent(swap_store, order_form, swap_url);
jQuery("#storeChangeModal").modal('hide');
window.location.href = swap_url;
});
if (jQuery(".show-cart-popup").length > 0 && screen.width <= 768) {
jQuery(".show-cart-popup").removeClass('show-cart-popup');
}
});
// node function here for update store
function updateCurrentStoreNode(storeName) {
if (storeName != null) {
let store = JSON.stringify({
code: storeName.toLowerCase(),
title: storeName.toUpperCase()
});
localStorage.setItem('currentStore', store);
}
}
// node function here
jQuery("#search-form,#search-form-sm").on("submit", function (e) {
var q = jQuery(this).find('input[name="q"]').val().trim();
if (q == '') {
e.preventDefault();
jQuery(this).addClass('error-require');
}
});
function exploreGtmEvent(event_name, device) {
}
var isFetchingCat = null;
var debug_psr = "";
jQuery('#explore-category').on('mouseover click', function () {
exploreGtmEvent("explore_category", "desktop");
var shop_cat_loader = jQuery("#wstabitem-loader").find('.u-loader-sl');
var post_data = {
s_id: '122',
type: 'desktop',
token: 'aG9tZXBhZ2VtZWdhbWVudTcyfDA2ZjVhMzE2YzlhZmJiZmUzYjVhYjcyYTA4NDY1ZDI2MDY1OGI1NjY5NzA0Yzc3Y2VhMjJjNjYwZDQ2YTViMzZ8ZDBmOTYzMmJiZWFkMDVlNzliODU0NGQ5ZmJhNGYwOTk4ZDZiYTEyNjNjM2JkZjI3Y2UzMWE4N2EyMTg0YjE3OA=='
};
if (debug_psr != "") {
post_data.debug_psr = debug_psr;
post_data.current_active_store = 'us';
}
if (shop_cat_loader.length > 0) {
isFetchingCat = jQuery.ajax({
url: "https://www.linkabili.it/tag/sardegna/",
type: 'GET',
data: post_data,
dataType: 'html',
beforeSend: function () {
if (isFetchingCat != null) {
isFetchingCat.abort();
}
},
success: function (response) {
jQuery('#wstabitem-loader').html(response);
}
});
}
});
var isFetchingBrand = null;
jQuery('#explore-brands').on('mouseover click', function () {
var shop_cat_loader = jQuery("#wstabitem-loader-brand").find('.u-loader-sl');
exploreGtmEvent("explore_brand", "desktop");
if (shop_cat_loader.length > 0) {
isFetchingBrand = jQuery.ajax({
url: "https://www.linkabili.it/tag/sardegna/",
type: 'GET',
data: {
s_id: '122',
type: 'desktop',
token: 'aG9tZXBhZ2VleHBsb3JlYnJhbmQ3MnwwNmY1YTMxNmM5YWZiYmZlM2I1YWI3MmEwODQ2NWQyNjA2NThiNTY2OTcwNGM3N2NlYTIyYzY2MGQ0NmE1YjM2fDVhYmFiMzhhY2IzNTFlMWI4MjJjZjc0YzM5ZWE1M2QxOTg1OTg4ZTc0ZWQ1Yzg0Y2E4YjFkYjNiZTI4NjFhNGE='
},
dataType: 'html',
beforeSend: function () {
if (isFetchingBrand != null) {
isFetchingBrand.abort();
}
},
success: function (response) {
jQuery('#wstabitem-loader-brand').html(response);
}
});
}
});
jQuery(document).on('click', '.mobile-menu-toggle', function () {
exploreGtmEvent("explore_category", "mobile");
var shop_cat_loader = jQuery(this).find('.u-loader-sl');
var post_data = {
s_id: '122',
type: 'mobile',
token: 'aG9tZXBhZ2VtZWdhbWVudTcyfDA2ZjVhMzE2YzlhZmJiZmUzYjVhYjcyYTA4NDY1ZDI2MDY1OGI1NjY5NzA0Yzc3Y2VhMjJjNjYwZDQ2YTViMzZ8ZDBmOTYzMmJiZWFkMDVlNzliODU0NGQ5ZmJhNGYwOTk4ZDZiYTEyNjNjM2JkZjI3Y2UzMWE4N2EyMTg0YjE3OA=='
};
if (debug_psr != "") {
post_data.debug_psr = debug_psr;
post_data.current_active_store = 'us';
}
isFetchingCat = jQuery.ajax({
url: "https://www.linkabili.it/tag/sardegna/",
type: 'GET',
data: post_data,
dataType: 'html',
beforeSend: function () {
if (isFetchingCat != null) {
isFetchingCat.abort();
}
},
success: function (response) {
jQuery('#wsitem-loader').html(response);
}
});
})
</script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.mobile-menu-toggle').click(function (e) {
jQuery('.mobile-menu-wrapper').addClass('show');
jQuery('body').addClass('overflow-hidden');
jQuery('.wrapper-bg').addClass('show');
});
jQuery('.wrapper-bg').click(function (e) {
$(this).removeClass('show');
jQuery('.mobile-menu-wrapper').removeClass('show');
jQuery('body').removeClass('overflow-hidden');
jQuery('.nav__link').removeClass('sis-activehow');
jQuery('.nav__sub').removeClass('is-active');
});
})
</script>
<script>
function moveToTop() {
if (document.body.scrollTop > 900 || document.documentElement.scrollTop > 900) {
document.getElementById("go-to-top").style.display = "block";
} else {
document.getElementById("go-to-top").style.display = "none";
}
}
jQuery(document).ready(function () {
var website_type = '';
if (website_type == 'luxury') {
jQuery("#center-search-bar").removeClass("d-none");
} else {
var max_scroll = 400;
jQuery("#search-box-text-sm").on("keyup", function () {
if ($(this).val() != "") {
jQuery(".search-product-v1").addClass("active");
} else {
jQuery(".search-product-v1").removeClass("active");
}
});
}
jQuery(window).scroll(function () {
moveToTop();
});
if (jQuery("#searchRelatedProducts").length > 0) {
jQuery(document).on('click', '#searchRelatedProducts', function () {
if (typeof customEvent === "function") {
var product_url = 'https://www.linkabili.it/tag/sardegna/';
var ecommerceData = {
url: product_url
};
customEvent("similar_products", ecommerceData)
}
});
}
});
</script>
<script>
var gtm_device = 'desktop';
var timeout = (gtm_device === "desktop") ? 10000 : 10000; // 10s for desktop, 10s for mobile
function loadGtm() {
var gtm_data = {
website_id: '72',
store_id: '122',
gtm: false,
fbevent: 'true',
clarity: true,
trustpilot: true
}
gtm_data = btoa(JSON.stringify(gtm_data));
jQuery.ajax({
url: "https://www.linkabili.it/tag/sardegna/",
type: "GET",
dataType: "html",
headers: {
'Cache-Control': 'max-age=10'
},
async: false, // Must be False to work properly!
data: {
is_ajax: true,
is_list_page: '0',
gtm_data: gtm_data,
test: ''
},
success: function (data) {
jQuery('footer').append(data);
}
});
}
jQuery(document).ready(function () {
setTimeout(function () {
loadGtm();
}, timeout)
})
</script>
<script src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/js/lazy.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
lazyLoader({
observeChanges: true
});
});
</script>
<script src="https://www.ubuy.com.kh/ubuycom/assets/v5/custom_js/custom.js?v=4.4.74"></script>
<script src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/js/jquery.fancybox.min.js"
defer></script>
<script src="https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/js/lazy.min.js"
async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest" defer></script>
<script>
jQuery(document).ready(function () {
setCurrencyCode('KHR');
});
</script>
<script language="javascript" type="text/javascript">
var gogole_http_referer = '';
</script>
<script language="javascript" type="text/javascript">
var ssSessionId = '';
if (ssGetURLParameter('utm_source') != null) {
ssSessionId = ssGetURLParameter('utm_source');
} else if (ssGetURLParameter('source') != null) {
ssSessionId = ssGetURLParameter('source');
}
var campaign_name = '';
var campaign_source = '';
var campaignid = '';
if (ssGetURLParameter('campaign_name') != null) {
campaign_name = ssGetURLParameter('campaign_name');
}
else if (ssGetURLParameter('utm_campaign') != null) {
campaign_name = ssGetURLParameter('utm_campaign');
}
if (ssGetURLParameter('campaign_source') != null) {
campaign_source = ssGetURLParameter('campaign_source');
}
else if (ssGetURLParameter('utm_medium') != null) {
campaign_source = ssGetURLParameter('utm_medium');
}
if (ssGetURLParameter('campaignid') != null) {
campaignid = ssGetURLParameter('campaignid');
}
if (ssSessionId != '' || campaign_name != '') {
eraseCookie("omg"); eraseCookie("uglow"); eraseCookie("clickonik"); eraseCookie("icubeswire"); eraseCookie("arabclicks"); eraseCookie("flymedia"); eraseCookie("affiliatematesnetwork"); eraseCookie("affle"); eraseCookie("admitad"); eraseCookie("conectia"); eraseCookie("blue"); eraseCookie("quantafi"); eraseCookie("vizury"); eraseCookie("gads"); eraseCookie("facebook"); eraseCookie("campaign_name"); eraseCookie("campaign_source"); eraseCookie("campaignid"); eraseCookie("ad_cr_d_p"); eraseCookie("utm_source_data"); eraseCookie("analyticsclouds");
ssSetCookie('ad_cr_d_p', ssSessionId + ' - ' + campaign_name);
}
var gclid = '';
if (ssGetURLParameter('gclid') != null) {
gclid = ssGetURLParameter('gclid');
}
var fbclid = '';
if (ssGetURLParameter('fbclid') != null) {
fbclid = ssGetURLParameter('fbclid');
}
var srsltid = '';
if (ssGetURLParameter('srsltid') != null) {
srsltid = ssGetURLParameter('srsltid');
}
var hmbannerclick = '';
if (ssGetURLParameter('ref_p') != null) {
hmbannerclick = ssGetURLParameter('ref_p');
ssSetCookie(hmbannerclick, hmbannerclick);
}
var onestr = '';
if (ssGetURLParameter('ref') != null) {
onestr = ssGetURLParameter('ref');
ssSetCookie('ref', onestr);
}
var admitadclicks = '';
if (ssGetURLParameter('acc') == 'b11d57a6dd02023e6acdd5174baae917') {
admitadclicks = ssGetURLParameter('acc');
ssSessionId = 'admitad';
ssSetCookie(ssSessionId, ssSessionId);
ssSetCookie('utm_medium', admitadclicks);
if (ssGetURLParameter('tagtag_uid') != null) {
var tagtag_uid = ssGetURLParameter('tagtag_uid');
ssSetCookie('utm_campaign_id', tagtag_uid);
}
}
if (ssSessionId.toLowerCase() == 'omg') {
if (checkCookie("clickonik")) {
eraseCookie("clickonik");
}
ssSetCookie(ssSessionId, ssSessionId);
}
else if (ssSessionId.toLowerCase() == 'uglow') {
if (ssGetURLParameter('inf') != null) {
infSessid = ssGetURLParameter('inf');
ssSetCookie(ssSessionId, infSessid);
}
}
else if (ssSessionId.toLowerCase() == 'clickonik') {
if (checkCookie("omg")) {
eraseCookie("omg");
}
ssSessionId = 'clickonik';
ssSetCookie(ssSessionId, ssSessionId);
}
else if (ssSessionId.toLowerCase() == 'arabclicks') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'flymedia') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'affiliatematesnetwork') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'affle') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'ubuy_newsletter') {
var ssSessionId = ssSessionId.toLowerCase();
ssSetCookie(ssSessionId, ssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('ubuy_newsletter_medium', utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('utm_campaign_id', utm_campaign);
}
} else if (ssSessionId.toLowerCase() == 'ubanalytics') {
var ssSessionId = ssSessionId.toLowerCase();
ssSetCookie(ssSessionId, ssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('utm_medium', utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('utm_campaign_id', utm_campaign);
}
}
else if (ssSessionId.toLowerCase() == 'conectia') {
var ssSessionId = ssSessionId.toLowerCase();
ssSetCookie(ssSessionId, ssSessionId);
if (ssGetURLParameter('reqid') != null) {
var utm_medium = ssGetURLParameter('reqid');
ssSetCookie('conectia_reqid', utm_medium);
}
if (ssGetURLParameter('affid') != null) {
var session_id = ssGetURLParameter('affid');
ssSetCookie('conectia_affid', session_id);
}
}
else if (ssSessionId.toLowerCase() == 'blue') {
var ssSessionId = ssSessionId.toLowerCase();
ssSetCookie(ssSessionId, ssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('utm_medium', utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('utm_campaign_id', utm_campaign);
}
}
else if (ssSessionId.toLowerCase() == 'quantafi') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('quantafi_utm_medium', utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('quantafi_utm_campaign_id', utm_campaign);
}
}
else if (ssSessionId.toLowerCase() == 'awin') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('utm_id') != null) {
var utm_id = ssGetURLParameter('utm_id');
var awc = ssGetURLParameter('awc');
ssSetCookie('awin_utm_id', utm_id + ' -- ' + awc);
}
}
else if (ssSessionId.toLowerCase() == 'vizury') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('medium') != null) {
var utm_campaign_medium = ssGetURLParameter('medium');
ssSetCookie('vizury_utm_medium', utm_campaign_medium);
}
}
else if (ssSessionId.toLowerCase() == 'gads' || ssSessionId.toLowerCase() == 'facebook') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_campaign_medium = ssGetURLParameter('utm_medium');
ssSetCookie('gads_utm_medium', utm_campaign_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('gads_utm_campaign', utm_campaign);
}
if (ssGetURLParameter('utm_content') != null) {
var utm_content = ssGetURLParameter('utm_content');
ssSetCookie('gads_utm_content', utm_content);
}
}
else if (ssSessionId.toLowerCase() == 'social') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'tamara') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
}
else if (ssSessionId.toLowerCase() == 'icubeswire') {
var newssSessionId = ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('icubeswire_medium', utm_medium);
}
}
else if (ssSessionId.toLowerCase() != 'omg' && ssSessionId.toLowerCase() != '' || gclid != '') {
if (checkCookie("omg"))
eraseCookie("omg");
}
/* else if (ssSessionId.toLowerCase() == 'analyticsclouds' ) {
var newssSessionId = 'analyticsclouds';
ssSetCookie(newssSessionId,newssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('analyticsclouds_utm_medium',utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null ) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('analyticsclouds_utm_campaign_id',utm_campaign);
}
} */
if (ssSessionId.toLowerCase() == 'gad' && gclid != '') {
var newssSessionId = 'googlead'; //ssSessionId.toLowerCase();
ssSetCookie(newssSessionId, newssSessionId);
if (ssGetURLParameter('utm_medium') != null) {
var utm_medium = ssGetURLParameter('utm_medium');
ssSetCookie('gad_utm_medium', utm_medium);
}
if (ssGetURLParameter('utm_campaign') != null) {
var utm_campaign = ssGetURLParameter('utm_campaign');
ssSetCookie('gad_utm_campaign_id', utm_campaign);
}
if (gclid != '') {
ssSetCookie('gclid', gclid);
}
}
else if (fbclid != '') {
var newssSessionId = fbclid;
ssSetCookie('fbclid', newssSessionId);
}
else if (srsltid != '') {
var newssSessionId = 'googlefreeshopping';
ssSetCookie(newssSessionId, newssSessionId);
ssSetCookie('srsltid', srsltid);
} else if (gogole_http_referer != '') {
var newssSessionId = 'googlesearch';
ssSetCookie(newssSessionId, newssSessionId);
ssSetCookie('gogole_http_referer', gogole_http_referer);
}
if (campaign_name != '' || campaign_source != '' || campaignid != '' || ssSessionId != '') {
if (campaign_name != '') {
ssSetCookie('campaign_name', campaign_name);
}
if (campaign_source != '') {
ssSetCookie('campaign_source', campaign_source);
}
if (campaignid != '') {
ssSetCookie('campaignid', campaignid);
}
if (ssSessionId != '') {
ssSetCookie('utm_source_data', ssSessionId);
}
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ')
c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0)
return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + "=" + name + ";expires=" + + ssCalculateExpireDateeraseCookie(0) + "; path=/";
var date = new Date();
daysToExpire = 0;
date.setTime(date.getTime() - 1000000);
document.cookie = name + "=" + name + "; expires=" + date.toGMTString() + "; path=/";
}
function checkCookie(name) {
return readCookie(name) != null;
}
function ssGetURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
}
function ssSetCookie(cId, cValue, days) {
if (!days) {
days = 15;
}
if (cId == 'icubeswire_medium' || cId == 'ubuy_newsletter_medium' || cId == 'utm_campaign_id' || cId == 'conectia_reqid' || cId == 'conectia_affid' || cId == 'quantafi_utm_medium' || cId == 'quantafi_utm_campaign_id' || cId == 'gad_utm_medium' || cId == 'gad_utm_campaign_id' || cId == 'gclid' || cId == 'fbclid' || cId == 'srsltid' || cId == 'gogole_http_referer' || cId == 'googlead' || cId == 'vizury_utm_medium' || cId == 'gads_utm_medium' || cId == 'gads_utm_campaign' || cId == 'gads_utm_content' || cId == 'campaign_name' || cId == 'campaign_source' || cId == 'campaignid' || cId == 'utm_medium' || cId == 'ref' || cId == 'ad_cr_d_p' || cId == 'utm_source_data' || cId == 'ubftpgop') {
}
else if (cId != 'uglow') {
cValue = cId;
}
document.cookie = cId + "=" + cValue + ";expires=" + ssCalculateExpireDate(days) + "; path=/";
}
function get_my_cooki_data(cValue) {
var name = cValue + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ')
c = c.substring(1);
if (c.indexOf(name) == 0)
return c.substring(name.length, c.length);
}
return "";
}
function ssCalculateExpireDate(days) {
var d = new Date();
d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
d.toUTCString();
return d;
}
function ssCalculateExpireDateeraseCookie(days) {
var d = new Date();
d.setTime(d.getTime() - 1000000);
d.toUTCString();
return d;
}
</script>
<!-- Universal tag -->
<script type="text/javascript">
if (typeof checkCookie == 'function' && checkCookie("omg")) {
OMID = 1059144;
OPID = 30577;
ORef = escape(window.parent.location.href);
!function () {
var a = document.createElement("script");
a.type = "text/javascript", a.async = !0, a.src = "//track.omguk.com/e/qs/?action=Content&MID=" + OMID + "&PID=" + OPID + "&ref=" + ORef;
var b = document.getElementsByTagName("body")[0];
if (b)
b.appendChild(a, b);
else {
var b = document.getElementsByTagName("script")[0];
b.parentNode.insertBefore(a, b)
}
}();
}
else {
}
if (checkCookie("icubeswire")) {
var oJS;
oJS = document.createElement('script');
oJS.src = "https://d1v2u6by4izioz.cloudfront.net/e99ca47bc67c5a965f2a79618180ba22.min.js?o=NzAxMw==";
oJS.async = true;
document.body.appendChild(oJS);
}
</script>
<script type="text/javascript">
function rtbHouseSearch(pids) {
}
function rtbHouseCartPage(pids) {
}
function rtbCheckoutPage() {
}
function search_items_id_call(itemsJson) {
}
</script>
<script async type="text/javascript">
if (!get_my_cooki_data('ubftpgop')) {
ssSetCookie('ubftpgop', '1761850542%2C%2C%2Fen%2Fproductuk%2FEX749A594-oxva-xlim-pro-30w-pod-kit-1000mah-battery-2ml-free-fast-dispatch%3Fsrsltid%3DAfmBOorWp4AWKJMl0WmlCw2CucTnOzfLMjcoAN7xk5FBh6z9YtoMOLSW%26ref%3Dhm-google-redirect', 15);
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Product",
"@id": "https://www.linkabili.it/tag/sardegna/",
"name": "MUARA777 Penyedia Layanan Situs Toto Togel & Slot Online",
"image": [
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcS3YFsH2YiwjKXVMx1URrdWNXWzCdcenc5VJtFnkxgS7ofPvkm_RMCAQ4miviNcFSjzNLfyBhKr30e6Fjq0OsgJM7Gm5JxdLVwtJEFiRFOwz6KsPkU42iexR7JUazYc2dVGlSVZ-FJz5lHE_xUTjwUvTMj9E7i9KZiiUQms8lcByr-vLMjY5mTXG3H0/s16000/Logo-Muara777-800x146.gif",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
],
"description": "MUARA777 merupakan situs slot online resmi terpercaya di Indonesia.",
"url": "https://www.linkabili.it/tag/sardegna/",
"brand": {
"@type": "Brand",
"name": "MUARA777"
},
"offers": {
"@type": "Offer",
"priceCurrency": "IDR",
"price": "10000",
"availability": "https://schema.org/InStock",
"url": "https://www.linkabili.it/tag/sardegna/"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "8"
},
"review": [
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Damian"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"reviewBody": "MUARA777 memberikan pelayanan terbaik dan teramah dibandingkan dengan situs lain. MUARA777 memang mantap."
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Inem"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"reviewBody": "Untuk bermain di MUARA777 sangatlah praktis. Proses daftar cepat hingga proses setor tariknya pun sangat lancar."
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Ali"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "4.8",
"bestRating": "5"
},
"reviewBody": "MUARA777 dengan tampilan yang modern sangat memudahkan dalam hal daftar dan bermain."
}
]
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SiteNavigationElement",
"name": "MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia",
"url": "https://www.linkabili.it/tag/sardegna/"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "MUARA777",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 2,
"name": "SITUS TOTO",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 3,
"name": "MUARA 777",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 4,
"name": "SLOT GACOR",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 5,
"name": "LOGIN MUARA777",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 6,
"name": "MUARA777 LOGIN",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 7,
"name": "SLOT GACOR HARI INI",
"item": "https://www.linkabili.it/tag/sardegna/"
},
{
"@type": "ListItem",
"position": 8,
"name": "MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia",
"item": "https://www.linkabili.it/tag/sardegna/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "MUARA777",
"image": [
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png"
],
"url": "https://www.linkabili.it/tag/sardegna/",
"telephone": "+62-8820-541-7936",
"priceRange": "IDR",
"address": {
"@type": "PostalAddress",
"streetAddress": "Jl. Merpati No. 45",
"addressLocality": "Jakarta Selatan",
"addressRegion": "DKI Jakarta",
"postalCode": "12560",
"addressCountry": "ID"
},
"sameAs": [
"https://www.facebook.com/groups/MUARA777",
"https://x.com/MUARA777",
"https://www.instagram.com/MUARA777"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Apa itu MUARA777?",
"acceptedAnswer": {
"@type": "Answer",
"text": "MUARA777 adalah situs slot gacor online terbaik dan terpercaya di Indonesia."
}
},
{
"@type": "Question",
"name": "Bagaimana cara daftar di MUARA777?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cukup dengan masuk melalui link resmi MUARA777 kemudian isi formulir di menu daftar."
}
},
{
"@type": "Question",
"name": "Apakah MUARA777 terdapat promo dan bonus?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, MUARA777 memiliki banyak macam bonus."
}
},
{
"@type": "Question",
"name": "Apakah data dan transaksi aman bila bermain di MUARA777?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, MUARA777 memiliki sistem dengan tingkat keamanan yang sangat tinggi sehingga tidak perlu khawatir akan keamanan data."
}
},
{
"@type": "Question",
"name": "Permainan apa saja yang ada MUARA777?",
"acceptedAnswer": {
"@type": "Answer",
"text": "MUARA777 memiliki permainan berupa slot, togel, live games, dan juga arcade."
}
}
]
}
</script>
<script type="text/javascript">
var isDetail = customer_url = webCookieId = '';
var uba_user_ip = '203.170.157.26';
var uba_store_id = '122';
var uba_website_id = '72';
var uba_current_store = 'us';
var uba_current_active_store = 'us';
var uba_customer_url = "https://www.ubuy.com.kh/ubuycom/pages/cft-v1/?s_id=122&type=72&id=73a01cbfac5d2a66db954f1962da1a52";
var uba_baseurl = "https://www.linkabili.it/tag/sardegna/";
var uba_weburl = "https://www.linkabili.it/tag/sardegna/";
var isDetail = "1";
var uba_catId = "";
var uba_is_mobile = "0";
var uba_is_arabic_store = "";
var uba_currentPage = 'detail';
</script>
<link rel="preload" as="style"
href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/css/track.min.css?v=1.54" />
<link rel="stylesheet"
href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/css/track.min.css?v=1.54" />
<link rel="preload" as="style"
href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/css/vertical.css?v=1.54" />
<link rel="stylesheet"
href="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/css/vertical.css?v=1.54" />
<script src="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/track.min.js?v=1.54" defer></script>
<script src="https://ubuyanalytics.ubuy.com/ubuywebanalytics/webtrack/js/velocity.min.js?v=1.54" defer></script>
<script type="module" src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app.js" defer></script>
<script type="module" src="https://www.gstatic.com/firebasejs/9.0.0/firebase-messaging.js" defer></script>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
data-cf-beacon='{"version":"2024.11.0","token":"74184dbcc48249c6abbca8b8830f6513","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
crossorigin="anonymous"></script>
<style>
.footer-floating-muara {
position: fixed;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1500px;
display: flex;
gap: 14px;
padding: 16px 22px;
background: rgb(120 0 0 / 65%);
backdrop-filter: blur(10px);
border-radius: 20px;
border: 2px solid rgb(255 0 0 / 50%);
box-shadow: 0 0 30px rgb(255 0 0 / 60%);
z-index: 999;
}
/* BUTTON BASE (EQUAL SIZE) */
.footer-btn-muara {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 10px;
font-size: 14px;
font-weight: bold;
color: #000000;
background: #ff0000;
border-radius: 32px;
border: 2px solid #000000;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 0 14px rgb(255 0 0 / 60%);
animation: floatUpDown 3s ease-in-out infinite;
text-decoration: none;
user-select: none;
white-space: nowrap;
}
/* ICON */
.footer-btn-muara img {
width: 18px;
height: 18px;
flex-shrink: 0;
filter: drop-shadow(0 0 5px rgb(255 177 0 / 80%));
}
/* FLOAT DELAY */
.footer-btn-muara.login {
animation-delay: 0.3s;
}
.footer-btn-muara.daftar {
animation-delay: 0.6s;
}
.footer-btn-muara.link {
animation-delay: 0.9s;
}
.footer-btn-muara.chat {
animation-delay: 1.2s;
}
/* HOVER GLOW */
.footer-btn-muara:hover {
background: gold;
box-shadow:
0 0 15px #ffc800,
0 0 30px #ffc800,
0 0 50px #ff7e4d;
transform: translateY(-6px) scale(1.05);
}
/* ACTIVE GOLD */
.footer-btn-muara:active {
background: linear-gradient(135deg, #ffd700, #ffb800);
color: #000;
border-color: #ffd700;
box-shadow:
0 0 18px #ffd700,
0 0 35px #ffcc00;
}
/* FLOAT ANIMATION */
@keyframes floatUpDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
100% {
transform: translateY(0);
}
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.footer-floating-muara {
flex-wrap: wrap;
}
.footer-btn-muara {
flex: 1 1 calc(50% - 10px);
}
}
@media (max-width: 600px) {
.footer-btn-muara {
flex: 1 1 100%;
font-size: 13px;
padding: 10px 12px;
}
.footer-btn-muara img {
width: 16px;
height: 16px;
}
}
</style>
<div class="footer-floating-muara">
<a href="https://muara.fun/login" class="footer-btn-muara promo" target="_blank"
rel="nofollow noopener">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" alt="PROMOSI"> PROMO
</a>
<a href="https://linkbili-segarde.pages.dev/" class="footer-btn-muara login" target="_blank"
rel="nofollow noopener">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" alt="Login"> LOGIN
</a>
<a href="https://linkbili-segarde.pages.dev/" class="footer-btn-muara daftar" target="_blank"
rel="nofollow noopener">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" alt="Daftar"> DAFTAR
</a>
<a href="https://linkbili-segarde.pages.dev/" class="footer-btn-muara link" target="_blank"
rel="nofollow noopener">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" alt="Link Alternatif"> LINK
ALTERNATIF
</a>
<a href="https://muara.fun/login" class="footer-btn-muara chat" target="_blank"
rel="nofollow noopener">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_ZUo5yFpP0fOah4Z5_bG1yfLlE1NGcGXJ2PBMGRPvV62B5Lz33wl6ZhXuRUPUVZlXY26ZxSVK8ZVIEUEZpPEV986R6Ye4WoCcJt3iwJyGKzWVeROOvlo_OgfkSyyNCMPwwTi4YTnjoHWnmV2LBaJNsJfuQqhG5iyqPgbTTMZa6DZzQCB-RuXEa0RqfI/s1600/favicon%20(7).png" alt="Live Chat"> LIVE CHAT
</a>
</div>
<style>
.bobarawr {
margin: 0;
padding: 0;
font-family: 'Playfair Display', 'Segoe UI', serif;
background-color: transparent;
color: #fff;
overflow: hidden;
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-container {
position: relative;
width: 90%;
max-width: 420px;
background: linear-gradient(145deg, rgb(59 0 0 / 90%), rgb(255 0 0 / 85%));
border-radius: 20px;
overflow: hidden;
text-align: center;
animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);
padding-bottom: 20px;
border: 1px solid rgba(212, 175, 55, 0.15);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 💛 Emas berdenyut yang mewah */
@keyframes goldPulse {
0%,
100% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
}
50% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
}
}
/* ✨ Shiny diagonal emas yang elegan */
.popup-container::before {
content: "";
position: absolute;
top: -100%;
left: -100%;
width: 200%;
height: 200%;
background: linear-gradient(135deg,
rgba(255, 255, 255, 0) 45%,
rgba(255, 215, 0, 0.15) 50%,
rgba(255, 255, 255, 0) 55%);
animation: shineDiagonal 5s linear infinite;
z-index: 2;
pointer-events: none;
}
@keyframes shineDiagonal {
0% {
transform: translate(-100%, -100%) rotate(30deg);
}
100% {
transform: translate(100%, 100%) rotate(30deg);
}
}
.popup-image {
width: 100%;
display: block;
border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}
.popup-buttons {
display: flex;
flex-direction: column;
gap: 15px;
padding: 25px 20px;
position: relative;
z-index: 3;
}
.popup-buttons a {
width: 100%;
display: block;
padding: 18px 0;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
text-decoration: none;
text-align: center;
color: #000;
background: linear-gradient(135deg, #fc0000, #fc0000);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: 'Montserrat', sans-serif;
}
/* Efek hover tombol emas yang mewah */
.popup-buttons a::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.3),
transparent);
transition: left 0.8s;
}
.popup-buttons a:hover::before {
left: 100%;
}
.popup-buttons a:hover {
transform: translateY(-4px);
box-shadow: 0 15px 25px rgba(212, 175, 55, 0.5);
background: linear-gradient(135deg, #f4e19c, #d4af37);
}
.popup-buttons a:active {
transform: translateY(1px);
}
.info-table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
color: #eee;
font-size: 14px;
position: relative;
z-index: 3;
background: rgba(0, 0, 0, 0.3);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.info-table th {
background: linear-gradient(135deg, #d4af37, #b8941f);
padding: 14px 10px;
font-size: 15px;
color: #000;
border: none;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.info-table td {
padding: 12px;
border-bottom: 1px solid rgba(212, 175, 55, 0.1);
text-align: left;
}
.info-table tr:last-child td {
border-bottom: none;
}
.popup-footer {
font-size: 13px;
color: #ccc;
padding: 20px 10px;
position: relative;
z-index: 3;
line-height: 1.6;
font-family: 'Playfair Display', serif;
}
@keyframes rotateScaleIn {
0% {
opacity: 0;
transform: scale(0.3) rotate(-10deg);
}
50% {
transform: scale(1.05) rotate(2deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
/* Efek partikel emas */
.gold-particle {
position: absolute;
background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);
border-radius: 50%;
pointer-events: none;
z-index: 1;
animation: floatGold 10s infinite ease-in-out;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}
@keyframes floatGold {
0%,
100% {
transform: translateY(0) translateX(0);
opacity: 0;
}
10% {
opacity: 0.8;
}
90% {
opacity: 0.8;
}
100% {
transform: translateY(-120px) translateX(40px);
opacity: 0;
}
}
/* Efek border emas mewah */
.luxury-border {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(212, 175, 55, 0.2);
border-radius: 20px;
pointer-events: none;
z-index: 4;
background: linear-gradient(135deg,
rgba(212, 175, 55, 0) 0%,
rgba(212, 175, 55, 0.1) 50%,
rgba(212, 175, 55, 0) 100%);
}
/* Tombol Close */
.close-btn {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.671);
}
.close-btn:hover {
background: rgb(0, 0, 0);
transform: rotate(90deg);
}
.close-btn::before,
.close-btn::after {
content: '';
position: absolute;
width: 16px;
height: 2px;
background: #fff;
}
.close-btn::before {
transform: rotate(45deg);
}
.close-btn::after {
transform: rotate(-45deg);
}
/* Responsif untuk layar kecil */
@media (max-width: 480px) {
.popup-container {
width: 95%;
max-width: 350px;
}
.popup-buttons a {
font-size: 14px;
padding: 16px 0;
}
.info-table {
font-size: 13px;
}
.popup-footer {
font-size: 12px;
}
.close-btn {
width: 28px;
height: 28px;
}
}
</style>
<div class="popup-overlay" id="popupOverlay">
<div class="popup-container">
<!-- Tombol Close -->
<div class="close-btn" onclick="closePopup()"></div>
<!-- Partikel emas untuk efek elegan -->
<div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;">
</div>
<div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;">
</div>
<div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;">
</div>
<div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;">
</div>
<div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;">
</div>
<!-- Border mewah -->
<div class="luxury-border"></div>
<div class="bobarawr">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8cLgn_4s3gYwvIjnAA8AtVibRffcsn2YrRVL5ZJSXxvv5RyIDIviekqsuYv1ViTgutcXMrEtMBJH93Vmow_4e5TIY2azvkoirfzVm2aMG2AFu61zggoIGZpjDZB9dUUHadwgzc_qaeE8E6yjsLet6rswniORHUao-yfS-fuu3glyGmo0UMAvqJu02Vk/s16000/Gemini_Generated_Image_mdvn3dmdvn3dmdvn.png" alt="Popup Banner"
class="popup-image" />
<div class="popup-buttons">
<a href="https://linkbili-segarde.pages.dev/">LOGIN MUARA777</a>
<a href="https://linkbili-segarde.pages.dev/">DAFTAR MUARA777</a>
</div>
<div class="popup-footer">
MUARA777 - Bandar Slot Online Resmi Terpercaya Indonesia<br />
<span
style="color: #ffc400; font-weight: 600; text-shadow: 0 0 5px rgba(255, 196, 0, 0.5);">©
COPYRIGHT 2026 MUARA777</span>
</div>
</div>
</div>
</div>
<script>
function closePopup() {
const popupOverlay = document.getElementById('popupOverlay');
popupOverlay.style.opacity = '0';
popupOverlay.style.transition = 'opacity 0.3s ease';
setTimeout(() => {
popupOverlay.style.display = 'none';
}, 300);
}
// Menutup popup ketika mengklik area di luar popup
document.getElementById('popupOverlay').addEventListener('click', function (event) {
if (event.target === this) {
closePopup();
}
});
</script>
</div>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
data-cf-beacon='{"version":"2024.11.0","token":"5885d563073149d5821613504a177d36","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
crossorigin="anonymous"></script>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
data-cf-beacon='{"version":"2024.11.0","token":"06a67813e80a4f26b0ad0942b28c8e5e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
crossorigin="anonymous"></script>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
data-cf-beacon='{"version":"2024.11.0","token":"272f8b7491f445f5b9af2cff648ee929","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
crossorigin="anonymous"></script>
</body>
</html>