/*====================== CSS Index Here =======================*/
/*
01. Abstracts
    1.1. Classes
    1.2. Extend
    1.3. Functions
    1.4. Mixins
    1.5. Variable
    1.6. Wordpress Default

02. Base
    2.1. Margin
    2.2. Padding
    2.3. Typography

03. Components
    3.1. Accordion
    3.2. Button
    3.3. Form
    3.4. Pagination
    3.6. Tab

04. Layout
    4.1. Blog Sidebar
    4.2. Breadcrumb
    4.3. Comment
    4.4. Footer
    4.5. Header Top
    4.6. Header
    4.7. Preloader
    4.8. Scroll Top
    4.9. Section Heading
    4.10. Slick
    4.11. Social Icon
*/
/*======================== CSS Index End ======================*/
/* Convert to Rem start */
/* Convert to Rem End */
/* ======================== Functions Css End ======================= */
/* ======================== Functions Css End ======================= */
/* Font Family*/
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Quicksand:wght@300..700&display=swap");

/* ========================= Variable Css Start ======================== */
:root {
  /* Font Family Variable */
    --heading-font: "Quicksand", sans-serif;
    --heading-font-two: "Exo", sans-serif;
    --heading-font-three: "Outfit", sans-serif;
    --heading-font-four: "Dancing Script", cursive;
    --body-font: "Inter", sans-serif;
  /* Font Size Variable Start */
    --heading-one: clamp(2.25rem, -0.0733rem + 6.3692vw, 4.5rem);
    --heading-two: clamp(2rem, 0.7133rem + 2.8846vw, 3.5rem);
    --heading-three: clamp(1.75rem, 0.3353rem + 2.1661vw, 3rem);
    --heading-four: clamp(1.5rem, 0.5569rem + 1.444vw, 2.5rem);
    --heading-five: clamp(1.25rem, 1.2rem + 0.722vw, 2.25rem);
    --heading-six: clamp(1.125rem, 0.769rem + 0.6813vw, 1.5rem);
    --display-200: clamp(3.75rem, -0.0733rem + 6.3692vw, 12.5rem);
    --display-one: clamp(2.5rem, -0.0733rem + 6.3692vw, 7.5rem);
  /* Font Size End */
  /* template main color */
    --main-h: 206;
    --main-s: 100%;
    --main-l: 8%;
    --main: var(--main-h) var(--main-s) var(--main-l);
  /* template main color */
    --main-two-h: 0;
    --main-two-s: 0%;
    --main-two-l: 0%;
    --main-two: var(--main-two-h) var(--main-two-s) var(--main-two-l);
  /* White Color */
    --white: 0 0% 100%;
    --black: 235 49% 14%;
    --light: 0 0% 51%;
    --heading-color: var(--black);
    --body-color: var(--light);
    --body-bg: var(--gray);
    --border-color: 236 13% 77%;
    --bg-color-one: #F3FAF2;
    --bg-color-two: #FFFBF4;
    --bg-color-three: #F1F1F1;
    --neutral: #121535;
    --translate-x-middle: translateX(-50%);
    --translate-y-middle: translateY(-50%);
    --size-2: 0.125rem;
    --size-3: 0.1875rem;
    --size-4: 0.25rem;
    --size-5: 0.3125rem;
    --size-6: 0.375rem;
    --size-7: 0.4375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-14: 0.875rem;
    --size-16: 1rem;
    --size-18: 1.125rem;
    --size-20: 1.25rem;
    --size-22: 1.375rem;
    --size-24: 1.5rem;
    --size-26: 1.625rem;
    --size-28: 1.75rem;
    --size-30: 1.875rem;
    --size-32: 2rem;
    --size-36: 2rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-52: 3.25rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-68: 4.25rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-84: 5.25rem;
    --size-90: 5.625rem;
    --size-110: 6.875rem;
    --size-120: 7.5rem;
    --size-144: 9rem;
    --size-160: 10rem;
    --size-210: 13.125rem;
    --main-50: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.9));
    --main-100: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.8));
    --main-200: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.7));
    --main-300: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.6));
    --main-400: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.5));
    --main-500: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.4));
    --main-600: hsl(var(--main-h), var(--main-s), var(--main-l));
    --main-700: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.1));
    --main-800: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.2));
    --main-900: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.3));
    --main-two-50: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.9));
    --main-two-100: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.8));
    --main-two-200: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.7));
    --main-two-300: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.6));
    --main-two-400: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.5));
    --main-two-500: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.4));
    --main-two-600: #001729;
    --main-color: #0665ff;
    --main-two-700: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.1));
    --main-two-800: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.2));
    --main-two-900: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.3));
    --neutral-30: #F2F5FA;
    --neutral-40: #E5E7EB;
    --neutral-50: #ECF1F9;
    --neutral-100: #E6E6E6;
    --neutral-200: #CCCCCC;
    --neutral-300: #B3B3B3;
    --neutral-400: #999999;
    --neutral-500: #808080;
    --neutral-600: #121535;
    --neutral-700: #060710;
    --neutral-800: #11132e;
    --neutral-900: #1A1A1A;
    --gray-50: #F1F1F1;
    --gray-100: #E6E6E6;
    --gray-200: #CCCCCC;
    --gray-300: #B3B3B3;
    --gray-400: #999999;
    --gray-500: #808080;
    --gray-600: #666666;
    --gray-700: #4D4D4D;
    --gray-800: #333333;
    --gray-900: #1A1A1A;
    --light-50: #F5F6FA;
    --light-100: #F3F4F6;
    --light-600: #E4F1FF;
    --light-700: #374151;
    --light-800: #1F2937;
    --main-two-600-50: #E4F1FF;
    --main-two-600-100: #BFDCFF;
    --main-two-600-200: #95C7FF;
    --main-two-600-300: #6BB1FF;
    --main-two-600-400: #519FFF;
    --main-two-600-500: #458EFF;
    --main-two-600-600: #487FFF;
    --main-two-600-700: #486CEA;
    --main-two-600-800: #4759D6;
    --main-two-600-900: #4536B6;
    --danger-50: #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-200: #FECACA;
    --danger-300: #FCA5A5;
    --danger-400: #F87171;
    --danger-500: #EF4444;
    --danger-600: #DC2626;
    --danger-700: #B91C1C;
    --danger-800: #991B1B;
    --danger-900: #7F1D1D;
    --success-50: #F0FDF4;
    --success-100: #DCFCE7;
    --success-200: #BBF7D0;
    --success-300: #86EFAC;
    --success-400: #4ADE80;
    --success-500: #22C55E;
    --success-600: #2ABC79;
    --success-700: #15803D;
    --success-800: #166534;
    --success-900: #14532D;
    --warning-50: #FEFCE8;
    --warning-100: #FEF9C3;
    --warning-200: #FEF08A;
    --warning-300: #FDE047;
    --warning-400: #FACC15;
    --warning-500: #EAB308;
    --warning-600: #FF9F29;
    --warning-700: #f39016;
    --warning-800: #e58209;
    --warning-900: #d77907;
    --info-50: #EFF6FF;
    --info-100: #DBEAFE;
    --info-200: #BFDBFE;
    --info-300: #93C5FD;
    --info-400: #60A5FA;
    --info-500: #3B82F6;
    --info-600: #2563EB;
    --info-700: #1D4ED8;
    --info-800: #1E40AF;
    --info-900: #1E3A8A;
    --tertiary-50: #d1c8ff;
    --tertiary-100: #c2b6ff;
    --tertiary-600: #3C23B5;
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 1.875rem;
    --font-4xl: 2.25rem;
    --font-5xl: 3rem;
    --font-6xl: 3.75rem;
}

/* ========================= Variable Css End ======================== */
/* ============================ Mixins Css Start ============================ */
/* Media Breakpoint for Each Device Start */
/* Media Breakpoint for Each Device End */
/* ============================ Mixins Css End ============================ */
/* =========================== Accordion Css start ============================= */
.common-accordion .accordion-item {
    border: 1px solid 219, 223, 225;
    background-color: hsl(var(--white)) !important;
    border-radius: 8px;
    overflow: hidden;
}

.common-accordion .accordion-item:not(:last-child) {
    margin-block-end: 20px;
}

.common-accordion .accordion-header {
    line-height: 1;
}

.common-accordion .accordion-body {
    padding: 20px 30px;
    padding-block-start: 0;
}

@media screen and (max-width: 575px) {
    .common-accordion .accordion-body {
        padding: 12px 20px;
        padding-block-start: 0;
    }
}

.common-accordion:first-of-type .accordion-button.collapsed {
    border-radius: 5px;
}

.common-accordion:last-of-type .accordion-button.collapsed {
    border-radius: 5px;
}

.common-accordion .accordion-button {
    color: 0, 0, 0;
    padding: 20px 30px;
    padding-inline-end: 46px;
    font-weight: 600;
    font-size: clamp(1rem, 0.696rem + 0.634vw, 1.25rem);
    font-family: var(--heading-font);
}

@media screen and (max-width: 575px) {
    .common-accordion .accordion-button {
        padding: 12px 20px;
        padding-inline-end: 36px;
    }
}

.common-accordion .accordion-button::after {
    background-image: none;
}

.common-accordion .accordion-button:focus {
    box-shadow: none;
}

.common-accordion .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none;
    color: hsl(var(--main));
}

.common-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    color: hsl(var(--main));
}

.common-accordion .accordion-button[aria-expanded=true]::after, .common-accordion .accordion-button[aria-expanded=false]::after {
    font-family: "Phosphor";
    font-weight: 900;
    content: "\e136";
    color: hsl(var(--main));
    display: inline-block;
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-end: 30px;
    height: unset;
    text-align: center;
}

@media screen and (max-width: 575px) {
    .common-accordion .accordion-button[aria-expanded=true]::after, .common-accordion .accordion-button[aria-expanded=false]::after {
        inset-inline-end: 20px;
    }
}

.common-accordion .accordion-button[aria-expanded=false]::after {
    content: "\f107";
    color: hsl(0, 0, 0);
}

/* ================================= Accordion Css End =========================== */
/* ================================= Button Css Start =========================== */
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: none;
    background-color: none;
    border-color: none;
}

.btn {
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent;
    font-weight: 500;
    font-family: var(--body-font);
    color: hsl(var(--white)) !important;
    z-index: 1;
    line-height: 1;
    padding: 13px 24px;
}

.btn:hover, .btn:focus, .btn:focus-visible {
    box-shadow: none !important;
}

@media screen and (max-width: 1399px) {
    .btn {
        padding: 10px 20px;
        font-size: 0.875rem;
    }
}

.btn-sm {
    padding: 10px 16px !important;
}

.btn:active {
    transform: scale(1.01);
}

.btn-main {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
}

.btn-main:hover {
    background-color: var(--main-800) !important;
    border-color: var(--main-800) !important;
}

.btn-outline-main {
    background-color: transparent !important;
    border-color: hsl(var(--main)) !important;
    color: hsl(var(--main)) !important;
}

.btn-outline-main:hover {
    background-color: hsl(var(--main)/0.15) !important;
    border-color: hsl(var(--main)/0.4) !important;
}

.btn-main-two {
    background-color: hsl(var(--main-two)) !important;
    border-color: hsl(var(--main-two)) !important;
    color: hsl(var(--white)) !important;
}

.btn-main-two:hover {
    background-color: var(--main-two-800) !important;
    border-color: var(--main-two-800) !important;
}

.btn-outline-main-two {
    background-color: transparent !important;
    border-color: hsl(var(--main-two)) !important;
    color: hsl(var(--main-two)) !important;
}

.btn-outline-main-two:hover {
    background-color: hsl(var(--main-two)/0.15) !important;
    border-color: hsl(var(--main-two)/0.4) !important;
}

.btn-white {
    background-color: hsl(var(--white)) !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(0, 0, 0) !important;
}

.btn-white:hover {
    background-color: hsl(var(--white)/0.9) !important;
    border-color: hsl(var(--white)/0.9) !important;
}

.btn-outline-white {
    background-color: transparent !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(var(--white)) !important;
}

.btn-outline-white:hover {
    background-color: hsl(var(--white)) !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(0, 0, 0) !important;
}

.btn-black {
    background-color: hsl(var(--black)) !important;
    border-color: hsl(var(--black)) !important;
    color: hsl(var(--white)) !important;
}

.btn-black:hover {
    background-color: hsl(var(--black)/0.8) !important;
    border-color: hsl(var(--black)/0.8) !important;
}

.btn-outline-black {
    background-color: transparent !important;
    border-color: hsl(var(--black)) !important;
    color: hsl(var(--black)) !important;
}

.btn-outline-black:hover {
    background-color: hsl(var(--black)) !important;
    border-color: hsl(var(--black)) !important;
    color: hsl(var(--white)) !important;
}

/* ================================= Button Css End =========================== */
/* ================================= Form Css Start =========================== */
/* input Start */
.common-input {
    border-radius: 5px;
    font-weight: 400;
    outline: none;
    width: 100%;
    padding: 17px 24px;
    background-color: transparent !important;
    border: 1px solid var(--gray-100);
    color: hsl(var(--black));
    line-height: 1;
}

.common-input.style-two {
    background-color: hsl(var(--white)) !important;
    color: hsl(var(--black));
}

@media screen and (max-width: 991px) {
    .common-input {
        padding: 12px 24px;
    }
}

@media screen and (max-width: 767px) {
    .common-input {
        padding: 10px 16px;
    }
}

.common-input::placeholder {
    color: var(--gray-500);
    transition: 0.2s linear;
    font-size: 0.875rem;
    font-weight: 400;
}

.common-input--md {
    padding: 13px 16px;
}

.common-input--lg {
    padding: 23px 24px;
}

@media screen and (max-width: 767px) {
    .common-input--lg {
        padding: 18px 24px;
    }
}

.common-input:focus {
    border-color: hsl(var(--main));
    box-shadow: none;
}

.common-input:focus::placeholder {
    visibility: hidden;
    opacity: 0;
}

.common-input:disabled, .common-input[readonly] {
    background-color: hsl(var(--black)/0.2);
    opacity: 1;
    border: 0;
}

.common-input[type=password] {
    color: hsl(var(--black)/0.5);
}

.common-input[type=password]:focus {
    color: hsl(var(--black));
}

.common-input[type=file] {
    line-height: 50px;
    padding: 0;
    position: relative;
}

.common-input[type=file]::file-selector-button {
    border: 1px solid hsl(var(--black)/0.08);
    padding: 4px 6px;
    border-radius: 0.2em;
    background-color: hsl(var(--main)) !important;
    transition: 0.2s linear;
    line-height: 25px;
    position: relative;
    margin-inline-start: 15px;
    color: hsl(var(--body-color)) !important;
}

.common-input[type=file]::file-selector-button:hover {
    background-color: hsl(var(--main));
    border: 1px solid hsl(var(--main));
    color: hsl(var(--black));
}

.placeholder-italic::placeholder {
    font-style: italic;
}

.placeholder-text-sm::placeholder {
    font-size: 0.75rem;
}

.placeholder-text-14::placeholder {
    font-size: 0.875rem;
}

.placeholder-text-16::placeholder {
    font-size: 1rem;
}

.placeholder-fw-medium::placeholder {
    font-weight: 500;
}

.placeholder-light::placeholder {
    color: #889AAE;
}

.common-input--withIcon {
    padding-inline-end: 50px !important;
}

.common-input--withLeftIcon {
    padding-inline-start: 50px !important;
}

/* input End */
/* input icon */
.input-icon {
    position: absolute;
    inset-inline-end: 24px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: hsl(0, 0, 0);
}

.input-icon--left {
    inset-inline-start: 20px;
    inset-inline-end: auto;
}

textarea + .input-icon {
    inset-block-start: 15px;
    transform: translateY(0);
}

/* input icon */
/* Label */
.form-label {
    margin-block-end: 6px;
    color: hsl(0, 0, 0);
    font-weight: 500;
}

/* Form Select */
.select-has-icon {
    position: relative;
}

.select-has-icon::before {
    position: absolute;
    content: "\f107";
    inset-inline-end: 20px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(var(--main));
    transition: 0.2s linear;
    pointer-events: none;
    color: hsl(var(--black)) !important;
}

.select-has-icon.icon-black::before {
    -webkit-text-fill-color: hsl(var(--black));
}

.select-has-icon select {
    background-image: none;
    -webkit-appearance: none;
    padding: 20px 24px;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .select-has-icon select {
        padding: 15px 24px;
    }
}

@media screen and (max-width: 767px) {
    .select-has-icon select {
        padding: 12px 16px;
    }
}

.select-has-icon .common-input {
    padding-inline-end: 30px !important;
}

.select {
    color: hsl(var(--black)/0.6) !important;
    padding: 16px 24px;
}

@media screen and (max-width: 991px) {
    .select {
        padding: 11px 24px;
    }
}

@media screen and (max-width: 767px) {
    .select {
        padding: 9px 24px;
    }
}

.select:focus {
    border-color: hsl(var(--main));
    color: hsl(var(--black)) !important;
    outline: none;
}

.select option {
    background-color: hsl(var(--white));
    color: hsl(0, 0, 0);
}

/* Form Select End */
textarea.common-input {
    height: 140px;
}

@media screen and (max-width: 767px) {
    textarea.common-input {
        height: 110px;
    }
}
/* Autofill Css */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: hsl(0, 0, 0) !important;
    caret-color: hsl(0, 0, 0);
}

/* Autofill Css End */
/* Show Hide Password */
input#your-password, input#confirm-password {
    padding-inline-end: 50px;
}

.password-show-hide {
    position: absolute;
    inset-inline-end: 20px;
    z-index: 5;
    cursor: pointer;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: hsl(var(--black)/0.4);
}

/* Number Arrow None */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Custom Checkbox & Radio Css Start */
.common-check {
    margin-block-end: 16px;
}

.common-check:last-child {
    margin-block-end: 0;
}

.common-check a {
    display: inline;
}

.common-check.common-radio .form-check-input {
    border-radius: 50%;
}

.common-check.common-radio .form-check-input:checked {
    background-color: transparent !important;
}

.common-check.common-radio .form-check-input:checked::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.common-check .form-check-input {
    transition: 0.2s linear;
    box-shadow: none;
    background-color: transparent;
    box-shadow: none !important;
    border: 0;
    position: relative;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid hsl(var(--black)/0.4);
    cursor: pointer;
    transition: 0.2s linear;
    margin-block-start: 0;
}

.common-check .form-check-input::before {
    position: absolute;
    content: "\e182";
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(var(--white));
    font-size: 12px;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.common-check .form-check-input::after {
    position: absolute;
    content: "";
    inset-block-start: 50%;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.2);
    transform: translate(-50%, -50%) scale(0.2);
    width: 10px;
    height: 10px;
    background-color: hsl(var(--main));
    border-radius: 50%;
    transition: 0.2s linear;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.common-check .form-check-input:checked {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
    box-shadow: none;
}

.common-check .form-check-input:checked[type=checkbox] {
    background-image: none;
}

.common-check .form-check-input:checked::before {
    visibility: visible;
    opacity: 1;
}

.common-check .form-check-label {
    font-weight: 500;
    width: calc(100% - 18px);
    padding-inline-start: 12px;
    cursor: pointer;
    color: hsl(0, 0, 0);
    font-family: var(--poppins-font);
}

.checked-black .form-check-input {
    border: 1px solid hsl(var(--black));
}

.checked-black .form-check-input::after {
    background-color: hsl(var(--black));
}

.checked-black .form-check-input:checked {
    background-color: hsl(var(--black)) !important;
    border-color: hsl(var(--black)) !important;
}

.checked-primary .form-check-input {
    border: 1px solid var(--main-two-600-600);
}

.checked-primary .form-check-input::after {
    background-color: var(--main-two-600-600);
}

.checked-primary .form-check-input:checked {
    background-color: var(--main-two-600-600) !important;
    border-color: var(--main-two-600-600) !important;
}

.checked-gray .form-check-input {
    border: 1px solid var(--gray-600);
}

.checked-gray .form-check-input::after {
    background-color: var(--gray-600);
}

.checked-gray .form-check-input:checked {
    background-color: var(--gray-600) !important;
    border-color: var(--gray-600) !important;
}

.checked-success .form-check-input {
    border: 1px solid var(--success-600);
}

.checked-success .form-check-input::after {
    background-color: var(--success-600);
}

.checked-success .form-check-input:checked {
    background-color: var(--success-600) !important;
    border-color: var(--success-600) !important;
}

.checked-danger .form-check-input {
    border: 1px solid var(--danger-600);
}

.checked-danger .form-check-input::after {
    background-color: var(--danger-600);
}

.checked-danger .form-check-input:checked {
    background-color: var(--danger-600) !important;
    border-color: var(--danger-600) !important;
}

.checked-purple .form-check-input {
    border: 1px solid var(--tertiary-600);
}

.checked-purple .form-check-input::after {
    background-color: var(--tertiary-600);
}

.checked-purple .form-check-input:checked {
    background-color: var(--tertiary-600) !important;
    border-color: var(--tertiary-600) !important;
}

.checked-white .form-check-input {
    border: 1px solid var(--gray-100);
}

.checked-white .form-check-input::after {
    background-color: var(--gray-100);
}

.checked-white .form-check-input:checked {
    background-color: var(--gray-100) !important;
    border-color: var(--gray-100) !important;
}

/* Custom Checkbox & Radio Css End */
.toggle-password.active::before {
    content: "\e220" !important;
}

/* ================================= Form Css End =========================== */
/* ================================= Pagination Css Start =========================== */
.pagination {
    margin-block-start: 64px;
}

@media screen and (max-width: 1199px) {
    .pagination {
        margin-block-start: 48px;
    }
}

@media screen and (max-width: 991px) {
    .pagination {
        margin-block-start: 40px;
    }
}

@media screen and (max-width: 767px) {
    .pagination {
        margin-block-start: 32px;
    }
}

.pagination .page-item.active .page-link {
    background-color: var(--main-600) !important;
    border-color: var(--main-600) !important;
    color: hsl(var(--white)) !important;
}

.pagination .page-item .page-link {
    box-shadow: none !important;
}

.pagination .page-item .page-link:hover, .pagination .page-item .page-link:active, .pagination .page-item .page-link:focus {
    color: var(--main-600) !important;
    background-color: var(--main-100) !important;
    border-color: var(--main-300) !important;
}

/* ================================= Pagination Css End =========================== */
/* ================================= Tab Css Start =========================== */
.common-tab {
    margin-block-end: 20px;
    gap: 8px;
}

.common-tab .nav-item {
    border-bottom: 0;
}

.common-tab .nav-item .nav-link {
    color: var(--gray-500);
    padding: 9px 24px !important;
    background-color: transparent;
    transition: 0.2s linear;
    border: 1px solid 219, 223, 225;
    position: relative;
    font-weight: 400;
    overflow: hidden;
    border-radius: 50px;
    font-size: 16px;
}

@media screen and (max-width: 1399px) {
    .common-tab .nav-item .nav-link {
        padding: 6px 10px !important;
        font-size: 0.85rem;
    }
}

.common-tab .nav-item .nav-link.active {
    color: hsl(var(--white)) !important;
    border-color: var(--main-600) !important;
    background-color: var(--main-600) !important;
}

.common-tab .nav-item .nav-link:hover {
    color: var(--main-600);
}

.common-tab.style-two .nav-link {
    border: 1px solid var(--gray-100);
    color: var(--neutral-600);
}

.common-tab.style-two .nav-link.active {
    color: hsl(var(--white)) !important;
    border-color: var(--main-two-600) !important;
    background-color: var(--main-two-600) !important;
}

.common-tab.style-two .nav-link:hover {
    color: var(--main-two-600);
}

/* ================================= Tab Css End =========================== */
/* ======================= Common Table Css Start ======================= */
.table-card {
    border: 1px solid hsl(var(--white)/0.2);
    border-radius: 10px;
    padding: clamp(1.25rem, 0.033rem + 2.536vw, 2.25rem);
}

.table {
    color: hsl(var(--white));
    margin-block-end: 0;
    min-width: max-content;
}

.table > :not(caption) > * > * {
    border-bottom: 0;
}

.table tr th {
    padding-inline-start: 0;
    padding: 32px;
}

.table tr th:first-child {
    padding-inline-start: 0;
}

.table tr th:last-child {
    padding-inline-end: 0;
}

.table tr th, .table tr td {
    text-align: center;
    vertical-align: middle;
}

.table tr th:first-child, .table tr td:first-child {
    text-align: left;
}

.table tr th:last-child, .table tr td:last-child {
    text-align: right;
    padding-inline-end: 0;
}

.table thead tr {
    border-bottom: 1px solid hsl(var(--white)/0.2);
}

.table thead tr th {
    padding-block-start: 0;
    font-size: clamp(1rem, 0.696rem + 0.634vw, 1.25rem);
    font-weight: 400;
    padding-block-end: clamp(1rem, -0.065rem + 2.219vw, 1.875rem);
}

.table tbody tr {
    border-bottom: 1px solid hsl(var(--white)/0.2);
}

.table tbody tr:last-child {
    border-bottom: 0;
}

.table tbody tr:last-child td {
    padding-block-end: 0;
}

.table tbody tr td {
    font-size: clamp(0.875rem, 0.723rem + 0.317vw, 1rem);
    font-weight: 400;
    padding: clamp(1rem, -0.065rem + 2.219vw, 1.875rem) 0;
}

.table.style-two {
    color: hsl(0, 0, 0);
}

.table.style-two thead tr, .table.style-two tbody tr {
    border-bottom: 1px solid hsl(var(--black)/0.1);
}

.table.style-two thead tr th {
    padding-block-end: 16px;
    font-size: 15px;
}

.table.style-three tbody tr {
    border-bottom: 1px solid var(--gray-100);
}

.table.style-three tbody tr:last-child {
    border: 0;
}

.table.style-three tbody tr td:first-child {
    padding-inline-start: 0;
}

.table.style-three tbody tr td:last-child {
    padding-inline-end: 0;
}

.table.style-three tbody tr td {
    padding: clamp(1.5rem, 0.283rem + 2.536vw, 2.5rem) 24px;
}

/* ======================= Common Table Css End ======================= */
/* ================= Common Card Css Start ========================= */
.common-card {
    border: 0;
}

.common-card .card-header, .common-card .card-footer {
    padding: 12px 24px;
    background-color: transparent;
    border-bottom: 1px solid 219, 223, 225;
}

@media screen and (max-width: 424px) {
    .common-card .card-header, .common-card .card-footer {
        padding: 12px 16px;
    }
}

.common-card .card-header {
    background-color: hsl(var(--black));
}

.common-card .card-header .title {
    color: hsl(var(--white));
    margin-block-end: 0;
}

.common-card .card-body {
    padding: 24px;
}

@media screen and (max-width: 424px) {
    .common-card .card-body {
        padding: 16px;
    }
}

.common-card .card-footer {
    border-top: 1px solid 219, 223, 225;
    border-bottom: 0;
}

/* ================= Common Card Css End ========================= */
/* ======================= Select 2 Css Start =========================== */
.select2-container--default .select2-selection--single {
    border: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: relative;
    content: "\e136";
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(0, 0, 0/0.4);
    transition: 0.2s linear;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: "\e13c" !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    margin: 0 !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    position: relative !important;
}

.select2-container {
    height: inherit !important;
    width: auto !important;
}

.select2-selection.select2-selection--single {
    height: inherit !important;
    border: 1px solid var(--gray-200) !important;
    background-color: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.radius-end-0 .select2-selection.select2-selection--single {
    border-start-start-radius: 50px !important;
    border-end-start-radius: 50px !important;
}

.select2-selection.select2-selection--single {
    position: relative;
}

.select2-container .selection {
    height: inherit;
}

.select2-selection__arrow {
    right: 16px !important;
    inset-block-start: 50% !important;
    transform: translateY(-50%) !important;
    width: unset !important;
}

@media screen and (max-width: 1199px) {
    .select2-selection__arrow {
        right: 6px !important;
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 24px !important;
    padding-inline-end: 40px !important;
}

@media screen and (max-width: 1199px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-inline-start: 10px !important;
        padding-inline-end: 24px !important;
    }
}

.select-border-end-0 .select2-selection.select2-selection--single {
    border-inline-end: 0 !important;
}

.select2-dropdown {
    border: 1px solid var(--gray-100) !important;
    padding: 10px !important;
    border-radius: 4px !important;
    min-width: 200px;
}

@media screen and (max-width: 767px) {
    .select2-dropdown {
        min-width: 170px;
    }
}

@media screen and (max-width: 424px) {
    .select2-dropdown {
        min-width: 150px;
    }
}

.select2-search--dropdown {
    padding: 0 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--gray-100) !important;
    border-radius: 6px !important;
    padding: 4px 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: 1px solid var(--main-200);
}

.select2-results {
    margin-block-start: 8px !important;
}

.select2-results__option.select2-results__option--selectable {
    border-radius: 4px !important;
    padding: 6px 12px !important;
    color: var(--gray-500);
    font-size: 14px !important;
}

@media screen and (max-width: 767px) {
    .select2-results__option.select2-results__option--selectable {
        padding: 4px 10px !important;
        font-size: 12px !important;
    }
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--main-600) !important;
    color: white !important;
}

.select2-results__option.select2-results__option--selectable:hover {
    background-color: var(--main-100) !important;
    color: var(--main-600) !important;
}

.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--selected:hover {
    background-color: var(--main-600) !important;
    color: #fff !important;
}

.select2-container--default .select2-results > .select2-results__options {
    padding-inline-end: 8px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: #ecebeb;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 50px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #c0c0c0;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:active {
    background: #b6b6b6;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--main-600) !important;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    color: var(--main-600) !important;
}

/* Location Box Css  */
.location-box .select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 0px !important;
    padding-inline-end: 50px !important;
}

.location-box .select2-selection__arrow {
    right: 0px !important;
    inset-block-start: 10% !important;
}

.location-box .select2-selection.select2-selection--single {
    border: 0 !important;
}

.location-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
    color: var(--gray-900);
    font-weight: 700;
    font-family: var(--heading-font-two);
}

@media screen and (max-width: 991px) {
    .select2-container--open .select2-dropdown {
        left: -74px;
    }
}

@media screen and (max-width: 424px) {
    .select2-container--open .select2-dropdown {
        left: -40px;
    }
}

@media screen and (max-width: 991px) {
    .location-box, .search-category.h-48 {
        height: 40px !important;
    }

    .location-box .select2-selection__rendered, .search-category.h-48 .select2-selection__rendered {
        font-size: 12px;
    }
}

.select-style-one .select2-container .selection {
    height: 100%;
}

.select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: unset;
}

.select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    font-weight: 400;
}

.select-style-one .select2-selection.select2-selection--single {
    border-color: var(--neutral-40) !important;
    border-radius: 4px 0 0 4px;
}

.select-style-one .select2-selection.select2-selection--single:focus-visible {
    outline: 0;
}

/* ======================= Select 2 Css End =========================== */
/* ========================== Count Down Css Start =============================== */
.countdown-list {
    gap: 20px;
}

@media screen and (max-width: 1399px) {
    .countdown-list {
        gap: 6px;
    }
}

.countdown-list__item {
    background-color: hsl(var(--white));
    padding: clamp(0.375rem, -2.248rem + 3vw, 0.75rem) clamp(0.5rem, -2.998rem + 4vw, 1rem);
    border-radius: 8px;
    position: relative;
}

@media screen and (max-width: 1399px) {
    .countdown-list__item {
        font-size: 0.75rem !important;
    }
}

.countdown-list__item:last-child::before {
    display: none;
}

.countdown-list__item::before {
    position: absolute;
    content: ":";
    inset-block-start: 50%;
    inset-inline-end: -10px;
    transform: translateY(-50%);
    font-weight: 700;
}

@media screen and (max-width: 1399px) {
    .countdown-list__item::before {
        display: none;
    }
}

.countdown-list__item.colon-white::before {
    color: #fff !important;
}

.countdown-list__item.colon-red::before {
    color: #FF6600;
}

.countdown-list.style-two .countdown-list__item {
    background-color: var(--main-600);
    color: #fff !important;
}

.countdown-list.style-two .countdown-list__item::before {
    color: var(--main-600) !important;
}

.countdown-list.style-three {
    gap: 12px;
}

.countdown-list.style-three .countdown-list__item {
    background-color: var(--main-50);
    font-size: 11px !important;
    padding: 6px;
    color: #1A1A1A !important;
}

.countdown-list.style-four .countdown-list__item {
    width: 64px;
    height: 64px;
    align-items: center;
    padding: 2px;
    justify-content: center;
}

.countdown-list.style-four .countdown-list__item::before {
    color: var(--neutral-600);
}

/* ========================== Count Down Css End =============================== */
.badge-notification {
    margin-bottom: 6px;
    position: absolute;
    inset-block-start: -18px;
    inset-inline-start: 0;
    animation: notification 0.8s infinite;
}

.badge-notification::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 6px;
    background-color: inherit;
    top: calc(100% - 1px);
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
}

.badge-style-two::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: inherit;
    border-radius: 2px;
    inset-inline-start: -4px;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
}

@keyframes notification {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}
/* ================================= Range Slider Css Start =========================== */
.custom--range #slider-range {
    height: 4px;
    border: 0;
    background: var(--gray-200);
    margin: 8px;
}

.custom--range #slider-range .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    background-color: var(--main-600) !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    border: 0 !important;
    outline: 0 !important;
    transition: 0.2s linear;
}

.custom--range #slider-range .ui-slider-handle:hover, .custom--range #slider-range .ui-slider-handle.ui-state-active {
    transform: translateY(-50%) scale(1.3);
}

.custom--range #slider-range .ui-slider-handle.ui-state-active {
    box-shadow: 0px 0px 12px 4px #95959541 !important;
}

.custom--range #slider-range .ui-widget-header {
    background-color: var(--main-600);
    transition: 0.2s linear;
}

.custom--range #slider-range span:focus {
    background-color: var(--main-600);
}

.custom--range__prices {
    width: 58px;
}

.custom--range input {
    border: 0;
    color: hsl(var(--body-color));
    font-weight: 500;
    outline: 0;
}

/* ================================= Range Slider Css End =========================== */
/* ================================= Typography Css Start =========================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--body-font);
    color: hsl(var(--body-color));
    word-break: break-word;
    background-color: hsl(var(--white));
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

html, body {
    overflow-x: hidden;
}

p {
    font-weight: 400;
    margin: 0;
    line-height: 1.6;
}

span {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 16px 0;
    font-family: var(--heading-font);
    color: var(--main-two-600);
    line-height: 1.2;
    font-weight: 700;
}

h1, .h1 {
    font-size: var(--heading-one);
}

h2, .h2 {
    font-size: var(--heading-two);
}

h3, .h3 {
    font-size: var(--heading-three);
}

h4, .h4 {
    font-size: var(--heading-four);
}

h5, .h5 {
    font-size: var(--heading-five);
}

h6, .h6 {
    font-size: var(--heading-six);
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    transition: 0.2s linear;
    line-height: inherit;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
    color: hsl(var(--main));
}

a {
    display: inline-block;
    transition: 0.2s linear;
    text-decoration: none;
    color: #0661e9;
}

a:hover {
    color: #1d72f2;
}

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

select {
    cursor: pointer;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

button {
    border: 0;
    background-color: transparent;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.form-select:focus {
    outline: 0;
    box-shadow: none;
}

input:focus-visible {
    outline: 0;
}

/* ================================= Typography Css End =========================== */
/* ================================= Margin Css Start =========================== */
.m-2 {
    margin: var(--size-2) !important;
}

.m-3 {
    margin: var(--size-3) !important;
}

.m-4 {
    margin: var(--size-4) !important;
}

.m-5 {
    margin: var(--size-5) !important;
}

.m-6 {
    margin: var(--size-6) !important;
}

.m-7 {
    margin: var(--size-7) !important;
}

.m-8 {
    margin: var(--size-8) !important;
}

.m-9 {
    margin: var(--size-9) !important;
}

.m-10 {
    margin: var(--size-10) !important;
}

.m-11 {
    margin: var(--size-11) !important;
}

.m-12 {
    margin: var(--size-12) !important;
}

.m-13 {
    margin: var(--size-13) !important;
}

.m-14 {
    margin: var(--size-14) !important;
}

.m-16 {
    margin: var(--size-16) !important;
}

.m-18 {
    margin: var(--size-18) !important;
}

.m-20 {
    margin: var(--size-20) !important;
}

.m-22 {
    margin: var(--size-22) !important;
}

.m-24 {
    margin: var(--size-24) !important;
}

.m-26 {
    margin: var(--size-26) !important;
}

.m-28 {
    margin: var(--size-28) !important;
}

.m-30 {
    margin: var(--size-30) !important;
}

.m-32 {
    margin: var(--size-32) !important;
}

.m-36 {
    margin: var(--size-36) !important;
}

.m-40 {
    margin: var(--size-40) !important;
}

.m-44 {
    margin: var(--size-44) !important;
}

.m-48 {
    margin: var(--size-48) !important;
}

.m-52 {
    margin: var(--size-52) !important;
}

.m-56 {
    margin: var(--size-56) !important;
}

.m-60 {
    margin: var(--size-60) !important;
}

.m-64 {
    margin: var(--size-64) !important;
}

.m-68 {
    margin: var(--size-68) !important;
}

.m-72 {
    margin: var(--size-72) !important;
}

.m-76 {
    margin: var(--size-76) !important;
}

.m-80 {
    margin: var(--size-80) !important;
}

.m-84 {
    margin: var(--size-84) !important;
}

.m-90 {
    margin: var(--size-90) !important;
}

.m-110 {
    margin: var(--size-110) !important;
}

.m-120 {
    margin: var(--size-120) !important;
}

.m-144 {
    margin: var(--size-144) !important;
}

.m-160 {
    margin: var(--size-160) !important;
}

.m-210 {
    margin: var(--size-210) !important;
}

.mx-2 {
    margin-inline: var(--size-2) !important;
}

.mx-3 {
    margin-inline: var(--size-3) !important;
}

.mx-4 {
    margin-inline: var(--size-4) !important;
}

.mx-5 {
    margin-inline: var(--size-5) !important;
}

.mx-6 {
    margin-inline: var(--size-6) !important;
}

.mx-7 {
    margin-inline: var(--size-7) !important;
}

.mx-8 {
    margin-inline: var(--size-8) !important;
}

.mx-9 {
    margin-inline: var(--size-9) !important;
}

.mx-10 {
    margin-inline: var(--size-10) !important;
}

.mx-11 {
    margin-inline: var(--size-11) !important;
}

.mx-12 {
    margin-inline: var(--size-12) !important;
}

.mx-13 {
    margin-inline: var(--size-13) !important;
}

.mx-14 {
    margin-inline: var(--size-14) !important;
}

.mx-16 {
    margin-inline: var(--size-16) !important;
}

.mx-18 {
    margin-inline: var(--size-18) !important;
}

.mx-20 {
    margin-inline: var(--size-20) !important;
}

.mx-22 {
    margin-inline: var(--size-22) !important;
}

.mx-24 {
    margin-inline: var(--size-24) !important;
}

.mx-26 {
    margin-inline: var(--size-26) !important;
}

.mx-28 {
    margin-inline: var(--size-28) !important;
}

.mx-30 {
    margin-inline: var(--size-30) !important;
}

.mx-32 {
    margin-inline: var(--size-32) !important;
}

.mx-36 {
    margin-inline: var(--size-36) !important;
}

.mx-40 {
    margin-inline: var(--size-40) !important;
}

.mx-44 {
    margin-inline: var(--size-44) !important;
}

.mx-48 {
    margin-inline: var(--size-48) !important;
}

.mx-52 {
    margin-inline: var(--size-52) !important;
}

.mx-56 {
    margin-inline: var(--size-56) !important;
}

.mx-60 {
    margin-inline: var(--size-60) !important;
}

.mx-64 {
    margin-inline: var(--size-64) !important;
}

.mx-68 {
    margin-inline: var(--size-68) !important;
}

.mx-72 {
    margin-inline: var(--size-72) !important;
}

.mx-76 {
    margin-inline: var(--size-76) !important;
}

.mx-80 {
    margin-inline: var(--size-80) !important;
}

.mx-84 {
    margin-inline: var(--size-84) !important;
}

.mx-90 {
    margin-inline: var(--size-90) !important;
}

.mx-110 {
    margin-inline: var(--size-110) !important;
}

.mx-120 {
    margin-inline: var(--size-120) !important;
}

.mx-144 {
    margin-inline: var(--size-144) !important;
}

.mx-160 {
    margin-inline: var(--size-160) !important;
}

.mx-210 {
    margin-inline: var(--size-210) !important;
}

.my-2 {
    margin-block: var(--size-2) !important;
}

.my-3 {
    margin-block: var(--size-3) !important;
}

.my-4 {
    margin-block: var(--size-4) !important;
}

.my-5 {
    margin-block: var(--size-5) !important;
}

.my-6 {
    margin-block: var(--size-6) !important;
}

.my-7 {
    margin-block: var(--size-7) !important;
}

.my-8 {
    margin-block: var(--size-8) !important;
}

.my-9 {
    margin-block: var(--size-9) !important;
}

.my-10 {
    margin-block: var(--size-10) !important;
}

.my-11 {
    margin-block: var(--size-11) !important;
}

.my-12 {
    margin-block: var(--size-12) !important;
}

.my-13 {
    margin-block: var(--size-13) !important;
}

.my-14 {
    margin-block: var(--size-14) !important;
}

.my-16 {
    margin-block: var(--size-16) !important;
}

.my-18 {
    margin-block: var(--size-18) !important;
}

.my-20 {
    margin-block: var(--size-20) !important;
}

.my-22 {
    margin-block: var(--size-22) !important;
}

.my-24 {
    margin-block: var(--size-24) !important;
}

.my-26 {
    margin-block: var(--size-26) !important;
}

.my-28 {
    margin-block: var(--size-28) !important;
}

.my-30 {
    margin-block: var(--size-30) !important;
}

.my-32 {
    margin-block: var(--size-32) !important;
}

.my-36 {
    margin-block: var(--size-36) !important;
}

.my-40 {
    margin-block: var(--size-40) !important;
}

.my-44 {
    margin-block: var(--size-44) !important;
}

.my-48 {
    margin-block: var(--size-48) !important;
}

.my-52 {
    margin-block: var(--size-52) !important;
}

.my-56 {
    margin-block: var(--size-56) !important;
}

.my-60 {
    margin-block: var(--size-60) !important;
}

.my-64 {
    margin-block: var(--size-64) !important;
}

.my-68 {
    margin-block: var(--size-68) !important;
}

.my-72 {
    margin-block: var(--size-72) !important;
}

.my-76 {
    margin-block: var(--size-76) !important;
}

.my-80 {
    margin-block: var(--size-80) !important;
}

.my-84 {
    margin-block: var(--size-84) !important;
}

.my-90 {
    margin-block: var(--size-90) !important;
}

.my-110 {
    margin-block: var(--size-110) !important;
}

.my-120 {
    margin-block: var(--size-120) !important;
}

.my-144 {
    margin-block: var(--size-144) !important;
}

.my-160 {
    margin-block: var(--size-160) !important;
}

.my-210 {
    margin-block: var(--size-210) !important;
}

.ms-2 {
    margin-inline-start: var(--size-2) !important;
}

.ms-3 {
    margin-inline-start: var(--size-3) !important;
}

.ms-4 {
    margin-inline-start: var(--size-4) !important;
}

.ms-5 {
    margin-inline-start: var(--size-5) !important;
}

.ms-6 {
    margin-inline-start: var(--size-6) !important;
}

.ms-7 {
    margin-inline-start: var(--size-7) !important;
}

.ms-8 {
    margin-inline-start: var(--size-8) !important;
}

.ms-9 {
    margin-inline-start: var(--size-9) !important;
}

.ms-10 {
    margin-inline-start: var(--size-10) !important;
}

.ms-11 {
    margin-inline-start: var(--size-11) !important;
}

.ms-12 {
    margin-inline-start: var(--size-12) !important;
}

.ms-13 {
    margin-inline-start: var(--size-13) !important;
}

.ms-14 {
    margin-inline-start: var(--size-14) !important;
}

.ms-16 {
    margin-inline-start: var(--size-16) !important;
}

.ms-18 {
    margin-inline-start: var(--size-18) !important;
}

.ms-20 {
    margin-inline-start: var(--size-20) !important;
}

.ms-22 {
    margin-inline-start: var(--size-22) !important;
}

.ms-24 {
    margin-inline-start: var(--size-24) !important;
}

.ms-26 {
    margin-inline-start: var(--size-26) !important;
}

.ms-28 {
    margin-inline-start: var(--size-28) !important;
}

.ms-30 {
    margin-inline-start: var(--size-30) !important;
}

.ms-32 {
    margin-inline-start: var(--size-32) !important;
}

.ms-36 {
    margin-inline-start: var(--size-36) !important;
}

.ms-40 {
    margin-inline-start: var(--size-40) !important;
}

.ms-44 {
    margin-inline-start: var(--size-44) !important;
}

.ms-48 {
    margin-inline-start: var(--size-48) !important;
}

.ms-52 {
    margin-inline-start: var(--size-52) !important;
}

.ms-56 {
    margin-inline-start: var(--size-56) !important;
}

.ms-60 {
    margin-inline-start: var(--size-60) !important;
}

.ms-64 {
    margin-inline-start: var(--size-64) !important;
}

.ms-68 {
    margin-inline-start: var(--size-68) !important;
}

.ms-72 {
    margin-inline-start: var(--size-72) !important;
}

.ms-76 {
    margin-inline-start: var(--size-76) !important;
}

.ms-80 {
    margin-inline-start: var(--size-80) !important;
}

.ms-84 {
    margin-inline-start: var(--size-84) !important;
}

.ms-90 {
    margin-inline-start: var(--size-90) !important;
}

.ms-110 {
    margin-inline-start: var(--size-110) !important;
}

.ms-120 {
    margin-inline-start: var(--size-120) !important;
}

.ms-144 {
    margin-inline-start: var(--size-144) !important;
}

.ms-160 {
    margin-inline-start: var(--size-160) !important;
}

.ms-210 {
    margin-inline-start: var(--size-210) !important;
}

.me-2 {
    margin-inline-end: var(--size-2) !important;
}

.me-3 {
    margin-inline-end: var(--size-3) !important;
}

.me-4 {
    margin-inline-end: var(--size-4) !important;
}

.me-5 {
    margin-inline-end: var(--size-5) !important;
}

.me-6 {
    margin-inline-end: var(--size-6) !important;
}

.me-7 {
    margin-inline-end: var(--size-7) !important;
}

.me-8 {
    margin-inline-end: var(--size-8) !important;
}

.me-9 {
    margin-inline-end: var(--size-9) !important;
}

.me-10 {
    margin-inline-end: var(--size-10) !important;
}

.me-11 {
    margin-inline-end: var(--size-11) !important;
}

.me-12 {
    margin-inline-end: var(--size-12) !important;
}

.me-13 {
    margin-inline-end: var(--size-13) !important;
}

.me-14 {
    margin-inline-end: var(--size-14) !important;
}

.me-16 {
    margin-inline-end: var(--size-16) !important;
}

.me-18 {
    margin-inline-end: var(--size-18) !important;
}

.me-20 {
    margin-inline-end: var(--size-20) !important;
}

.me-22 {
    margin-inline-end: var(--size-22) !important;
}

.me-24 {
    margin-inline-end: var(--size-24) !important;
}

.me-26 {
    margin-inline-end: var(--size-26) !important;
}

.me-28 {
    margin-inline-end: var(--size-28) !important;
}

.me-30 {
    margin-inline-end: var(--size-30) !important;
}

.me-32 {
    margin-inline-end: var(--size-32) !important;
}

.me-36 {
    margin-inline-end: var(--size-36) !important;
}

.me-40 {
    margin-inline-end: var(--size-40) !important;
}

.me-44 {
    margin-inline-end: var(--size-44) !important;
}

.me-48 {
    margin-inline-end: var(--size-48) !important;
}

.me-52 {
    margin-inline-end: var(--size-52) !important;
}

.me-56 {
    margin-inline-end: var(--size-56) !important;
}

.me-60 {
    margin-inline-end: var(--size-60) !important;
}

.me-64 {
    margin-inline-end: var(--size-64) !important;
}

.me-68 {
    margin-inline-end: var(--size-68) !important;
}

.me-72 {
    margin-inline-end: var(--size-72) !important;
}

.me-76 {
    margin-inline-end: var(--size-76) !important;
}

.me-80 {
    margin-inline-end: var(--size-80) !important;
}

.me-84 {
    margin-inline-end: var(--size-84) !important;
}

.me-90 {
    margin-inline-end: var(--size-90) !important;
}

.me-110 {
    margin-inline-end: var(--size-110) !important;
}

.me-120 {
    margin-inline-end: var(--size-120) !important;
}

.me-144 {
    margin-inline-end: var(--size-144) !important;
}

.me-160 {
    margin-inline-end: var(--size-160) !important;
}

.me-210 {
    margin-inline-end: var(--size-210) !important;
}

.mt-2 {
    margin-block-start: var(--size-2) !important;
}

.mt-3 {
    margin-block-start: var(--size-3) !important;
}

.mt-4 {
    margin-block-start: var(--size-4) !important;
}

.mt-5 {
    margin-block-start: var(--size-5) !important;
}

.mt-6 {
    margin-block-start: var(--size-6) !important;
}

.mt-7 {
    margin-block-start: var(--size-7) !important;
}

.mt-8 {
    margin-block-start: var(--size-8) !important;
}

.mt-9 {
    margin-block-start: var(--size-9) !important;
}

.mt-10 {
    margin-block-start: var(--size-10) !important;
}

.mt-11 {
    margin-block-start: var(--size-11) !important;
}

.mt-12 {
    margin-block-start: var(--size-12) !important;
}

.mt-13 {
    margin-block-start: var(--size-13) !important;
}

.mt-14 {
    margin-block-start: var(--size-14) !important;
}

.mt-16 {
    margin-block-start: var(--size-16) !important;
}

.mt-18 {
    margin-block-start: var(--size-18) !important;
}

.mt-20 {
    margin-block-start: var(--size-20) !important;
}

.mt-22 {
    margin-block-start: var(--size-22) !important;
}

.mt-24 {
    margin-block-start: var(--size-24) !important;
}

.mt-26 {
    margin-block-start: var(--size-26) !important;
}

.mt-28 {
    margin-block-start: var(--size-28) !important;
}

.mt-30 {
    margin-block-start: var(--size-30) !important;
}

.mt-32 {
    margin-block-start: var(--size-32) !important;
}

.mt-36 {
    margin-block-start: var(--size-36) !important;
}

.mt-40 {
    margin-block-start: var(--size-40) !important;
}

.mt-44 {
    margin-block-start: var(--size-44) !important;
}

.mt-48 {
    margin-block-start: var(--size-48) !important;
}

.mt-52 {
    margin-block-start: var(--size-52) !important;
}

.mt-56 {
    margin-block-start: var(--size-56) !important;
}

.mt-60 {
    margin-block-start: var(--size-60) !important;
}

.mt-64 {
    margin-block-start: var(--size-64) !important;
}

.mt-68 {
    margin-block-start: var(--size-68) !important;
}

.mt-72 {
    margin-block-start: var(--size-72) !important;
}

.mt-76 {
    margin-block-start: var(--size-76) !important;
}

.mt-80 {
    margin-block-start: var(--size-80) !important;
}

.mt-84 {
    margin-block-start: var(--size-84) !important;
}

.mt-90 {
    margin-block-start: var(--size-90) !important;
}

.mt-110 {
    margin-block-start: var(--size-110) !important;
}

.mt-120 {
    margin-block-start: var(--size-120) !important;
}

.mt-144 {
    margin-block-start: var(--size-144) !important;
}

.mt-160 {
    margin-block-start: var(--size-160) !important;
}

.mt-210 {
    margin-block-start: var(--size-210) !important;
}

.mb-2 {
    margin-block-end: var(--size-2) !important;
}

.mb-3 {
    margin-block-end: var(--size-3) !important;
}

.mb-4 {
    margin-block-end: var(--size-4) !important;
}

.mb-5 {
    margin-block-end: var(--size-5) !important;
}

.mb-6 {
    margin-block-end: var(--size-6) !important;
}

.mb-7 {
    margin-block-end: var(--size-7) !important;
}

.mb-8 {
    margin-block-end: var(--size-8) !important;
}

.mb-9 {
    margin-block-end: var(--size-9) !important;
}

.mb-10 {
    margin-block-end: var(--size-10) !important;
}

.mb-11 {
    margin-block-end: var(--size-11) !important;
}

.mb-12 {
    margin-block-end: var(--size-12) !important;
}

.mb-13 {
    margin-block-end: var(--size-13) !important;
}

.mb-14 {
    margin-block-end: var(--size-14) !important;
}

.mb-16 {
    margin-block-end: var(--size-16) !important;
}

.mb-18 {
    margin-block-end: var(--size-18) !important;
}

.mb-20 {
    margin-block-end: var(--size-20) !important;
}

.mb-22 {
    margin-block-end: var(--size-22) !important;
}

.mb-24 {
    margin-block-end: var(--size-24) !important;
}

.mb-26 {
    margin-block-end: var(--size-26) !important;
}

.mb-28 {
    margin-block-end: var(--size-28) !important;
}

.mb-30 {
    margin-block-end: var(--size-30) !important;
}

.mb-32 {
    margin-block-end: var(--size-32) !important;
}

.mb-36 {
    margin-block-end: var(--size-36) !important;
}

.mb-40 {
    margin-block-end: var(--size-40) !important;
}

.mb-44 {
    margin-block-end: var(--size-44) !important;
}

.mb-48 {
    margin-block-end: var(--size-48) !important;
}

.mb-52 {
    margin-block-end: var(--size-52) !important;
}

.mb-56 {
    margin-block-end: var(--size-56) !important;
}

.mb-60 {
    margin-block-end: var(--size-60) !important;
}

.mb-64 {
    margin-block-end: var(--size-64) !important;
}

.mb-68 {
    margin-block-end: var(--size-68) !important;
}

.mb-72 {
    margin-block-end: var(--size-72) !important;
}

.mb-76 {
    margin-block-end: var(--size-76) !important;
}

.mb-80 {
    margin-block-end: var(--size-80) !important;
}

.mb-84 {
    margin-block-end: var(--size-84) !important;
}

.mb-90 {
    margin-block-end: var(--size-90) !important;
}

.mb-110 {
    margin-block-end: var(--size-110) !important;
}

.mb-120 {
    margin-block-end: var(--size-120) !important;
}

.mb-144 {
    margin-block-end: var(--size-144) !important;
}

.mb-160 {
    margin-block-end: var(--size-160) !important;
}

.mb-210 {
    margin-block-end: var(--size-210) !important;
}

.mt-0 {
    margin-block-start: 0 !important;
}

.mb-0 {
    margin-block-end: 0 !important;
}

.ms-0 {
    margin-inline-start: 0 !important;
}

.me-0 {
    margin-inline-end: 0 !important;
}

.my-120 {
    margin-block-start: 60px !important;
    margin-block-end: 60px !important;
}

@media (min-width: 576px) {
    .my-120 {
        margin-block-start: 80px !important;
        margin-block-end: 80px !important;
    }
}

@media (min-width: 992px) {
    .my-120 {
        margin-block-start: 120px !important;
        margin-block-end: 120px !important;
    }
}

.mt-120 {
    margin-block-start: 60px !important;
}

@media (min-width: 576px) {
    .mt-120 {
        margin-block-start: 80px !important;
    }
}

@media (min-width: 992px) {
    .mt-120 {
        margin-block-start: 120px !important;
    }
}

.mb-120 {
    margin-block-end: 60px !important;
}

@media (min-width: 576px) {
    .mb-120 {
        margin-block-end: 80px !important;
    }
}

@media (min-width: 992px) {
    .mb-120 {
        margin-block-end: 120px !important;
    }
}

.my-60 {
    margin-block-start: 30px !important;
    margin-block-end: 30px !important;
}

@media (min-width: 576px) {
    .my-60 {
        margin-block-start: 40px !important;
        margin-block-end: 40px !important;
    }
}

@media (min-width: 992px) {
    .my-60 {
        margin-block-start: 60px !important;
        margin-block-end: 60px !important;
    }
}

.mt-60 {
    margin-block-start: 30px !important;
}

@media (min-width: 576px) {
    .mt-60 {
        margin-block-start: 40px !important;
    }
}

@media (min-width: 992px) {
    .mt-60 {
        margin-block-start: 60px !important;
    }
}

.mb-60 {
    margin-block-end: 30px !important;
}

@media (min-width: 576px) {
    .mb-60 {
        margin-block-end: 40px !important;
    }
}

@media (min-width: 992px) {
    .mb-60 {
        margin-block-end: 60px !important;
    }
}
/* ================================= Margin Css End =========================== */
/* ================================= Padding Css Start =========================== */
.p-2 {
    padding: var(--size-2) !important;
}

.p-3 {
    padding: var(--size-3) !important;
}

.p-4 {
    padding: var(--size-4) !important;
}

.p-5 {
    padding: var(--size-5) !important;
}

.p-6 {
    padding: var(--size-6) !important;
}

.p-7 {
    padding: var(--size-7) !important;
}

.p-8 {
    padding: var(--size-8) !important;
}

.p-9 {
    padding: var(--size-9) !important;
}

.p-10 {
    padding: var(--size-10) !important;
}

.p-11 {
    padding: var(--size-11) !important;
}

.p-12 {
    padding: var(--size-12) !important;
}

.p-13 {
    padding: var(--size-13) !important;
}

.p-14 {
    padding: var(--size-14) !important;
}

.p-16 {
    padding: var(--size-16) !important;
}

.p-18 {
    padding: var(--size-18) !important;
}

.p-20 {
    padding: var(--size-20) !important;
}

.p-22 {
    padding: var(--size-22) !important;
}

.p-24 {
    padding: var(--size-24) !important;
}

.p-26 {
    padding: var(--size-26) !important;
}

.p-28 {
    padding: var(--size-28) !important;
}

.p-30 {
    padding: var(--size-30) !important;
}

.p-32 {
    padding: var(--size-32) !important;
}

.p-36 {
    padding: var(--size-36) !important;
}

.p-40 {
    padding: var(--size-40) !important;
}

.p-44 {
    padding: var(--size-44) !important;
}

.p-48 {
    padding: var(--size-48) !important;
}

.p-52 {
    padding: var(--size-52) !important;
}

.p-56 {
    padding: var(--size-56) !important;
}

.p-60 {
    padding: var(--size-60) !important;
}

.p-64 {
    padding: var(--size-64) !important;
}

.p-68 {
    padding: var(--size-68) !important;
}

.p-72 {
    padding: var(--size-72) !important;
}

.p-76 {
    padding: var(--size-76) !important;
}

.p-80 {
    padding: var(--size-80) !important;
}

.p-84 {
    padding: var(--size-84) !important;
}

.p-90 {
    padding: var(--size-90) !important;
}

.p-110 {
    padding: var(--size-110) !important;
}

.p-120 {
    padding: var(--size-120) !important;
}

.p-144 {
    padding: var(--size-144) !important;
}

.p-160 {
    padding: var(--size-160) !important;
}

.p-210 {
    padding: var(--size-210) !important;
}

.px-2 {
    padding-inline: var(--size-2) !important;
}

.px-3 {
    padding-inline: var(--size-3) !important;
}

.px-4 {
    padding-inline: var(--size-4) !important;
}

.px-5 {
    padding-inline: var(--size-5) !important;
}

.px-6 {
    padding-inline: var(--size-6) !important;
}

.px-7 {
    padding-inline: var(--size-7) !important;
}

.px-8 {
    padding-inline: var(--size-8) !important;
}

.px-9 {
    padding-inline: var(--size-9) !important;
}

.px-10 {
    padding-inline: var(--size-10) !important;
}

.px-11 {
    padding-inline: var(--size-11) !important;
}

.px-12 {
    padding-inline: var(--size-12) !important;
}

.px-13 {
    padding-inline: var(--size-13) !important;
}

.px-14 {
    padding-inline: var(--size-14) !important;
}

.px-16 {
    padding-inline: var(--size-16) !important;
}

.px-18 {
    padding-inline: var(--size-18) !important;
}

.px-20 {
    padding-inline: var(--size-20) !important;
}

.px-22 {
    padding-inline: var(--size-22) !important;
}

.px-24 {
    padding-inline: var(--size-24) !important;
}

.px-26 {
    padding-inline: var(--size-26) !important;
}

.px-28 {
    padding-inline: var(--size-28) !important;
}

.px-30 {
    padding-inline: var(--size-30) !important;
}

.px-32 {
    padding-inline: var(--size-32) !important;
}

.px-36 {
    padding-inline: var(--size-36) !important;
}

.px-40 {
    padding-inline: var(--size-40) !important;
}

.px-44 {
    padding-inline: var(--size-44) !important;
}

.px-48 {
    padding-inline: var(--size-48) !important;
}

.px-52 {
    padding-inline: var(--size-52) !important;
}

.px-56 {
    padding-inline: var(--size-56) !important;
}

.px-60 {
    padding-inline: var(--size-60) !important;
}

.px-64 {
    padding-inline: var(--size-64) !important;
}

.px-68 {
    padding-inline: var(--size-68) !important;
}

.px-72 {
    padding-inline: var(--size-72) !important;
}

.px-76 {
    padding-inline: var(--size-76) !important;
}

.px-80 {
    padding-inline: var(--size-80) !important;
}

.px-84 {
    padding-inline: var(--size-84) !important;
}

.px-90 {
    padding-inline: var(--size-90) !important;
}

.px-110 {
    padding-inline: var(--size-110) !important;
}

.px-120 {
    padding-inline: var(--size-120) !important;
}

.px-144 {
    padding-inline: var(--size-144) !important;
}

.px-160 {
    padding-inline: var(--size-160) !important;
}

.px-210 {
    padding-inline: var(--size-210) !important;
}

.py-2 {
    padding-block: var(--size-2) !important;
}

.py-3 {
    padding-block: var(--size-3) !important;
}

.py-4 {
    padding-block: var(--size-4) !important;
}

.py-5 {
    padding-block: var(--size-5) !important;
}

.py-6 {
    padding-block: var(--size-6) !important;
}

.py-7 {
    padding-block: var(--size-7) !important;
}

.py-8 {
    padding-block: var(--size-8) !important;
}

.py-9 {
    padding-block: var(--size-9) !important;
}

.py-10 {
    padding-block: var(--size-10) !important;
}

.py-11 {
    padding-block: var(--size-11) !important;
}

.py-12 {
    padding-block: var(--size-12) !important;
}

.py-13 {
    padding-block: var(--size-13) !important;
}

.py-14 {
    padding-block: var(--size-14) !important;
}

.py-16 {
    padding-block: var(--size-16) !important;
}

.py-18 {
    padding-block: var(--size-18) !important;
}

.py-20 {
    padding-block: var(--size-20) !important;
}

.py-22 {
    padding-block: var(--size-22) !important;
}

.py-24 {
    padding-block: var(--size-24) !important;
}

.py-26 {
    padding-block: var(--size-26) !important;
}

.py-28 {
    padding-block: var(--size-28) !important;
}

.py-30 {
    padding-block: var(--size-30) !important;
}

.py-32 {
    padding-block: var(--size-32) !important;
}

.py-36 {
    padding-block: var(--size-36) !important;
}

.py-40 {
    padding-block: var(--size-40) !important;
}

.py-44 {
    padding-block: var(--size-44) !important;
}

.py-48 {
    padding-block: var(--size-48) !important;
}

.py-52 {
    padding-block: var(--size-52) !important;
}

.py-56 {
    padding-block: var(--size-56) !important;
}

.py-60 {
    padding-block: var(--size-60) !important;
}

.py-64 {
    padding-block: var(--size-64) !important;
}

.py-68 {
    padding-block: var(--size-68) !important;
}

.py-72 {
    padding-block: var(--size-72) !important;
}

.py-76 {
    padding-block: var(--size-76) !important;
}

.py-80 {
    padding-block: var(--size-80) !important;
}

.py-84 {
    padding-block: var(--size-84) !important;
}

.py-90 {
    padding-block: var(--size-90) !important;
}

.py-110 {
    padding-block: var(--size-110) !important;
}

.py-120 {
    padding-block: var(--size-120) !important;
}

.py-144 {
    padding-block: var(--size-144) !important;
}

.py-160 {
    padding-block: var(--size-160) !important;
}

.py-210 {
    padding-block: var(--size-210) !important;
}

.ps-2 {
    padding-inline-start: var(--size-2) !important;
}

.ps-3 {
    padding-inline-start: var(--size-3) !important;
}

.ps-4 {
    padding-inline-start: var(--size-4) !important;
}

.ps-5 {
    padding-inline-start: var(--size-5) !important;
}

.ps-6 {
    padding-inline-start: var(--size-6) !important;
}

.ps-7 {
    padding-inline-start: var(--size-7) !important;
}

.ps-8 {
    padding-inline-start: var(--size-8) !important;
}

.ps-9 {
    padding-inline-start: var(--size-9) !important;
}

.ps-10 {
    padding-inline-start: var(--size-10) !important;
}

.ps-11 {
    padding-inline-start: var(--size-11) !important;
}

.ps-12 {
    padding-inline-start: var(--size-12) !important;
}

.ps-13 {
    padding-inline-start: var(--size-13) !important;
}

.ps-14 {
    padding-inline-start: var(--size-14) !important;
}

.ps-16 {
    padding-inline-start: var(--size-16) !important;
}

.ps-18 {
    padding-inline-start: var(--size-18) !important;
}

.ps-20 {
    padding-inline-start: var(--size-20) !important;
}

.ps-22 {
    padding-inline-start: var(--size-22) !important;
}

.ps-24 {
    padding-inline-start: var(--size-24) !important;
}

.ps-26 {
    padding-inline-start: var(--size-26) !important;
}

.ps-28 {
    padding-inline-start: var(--size-28) !important;
}

.ps-30 {
    padding-inline-start: var(--size-30) !important;
}

.ps-32 {
    padding-inline-start: var(--size-32) !important;
}

.ps-36 {
    padding-inline-start: var(--size-36) !important;
}

.ps-40 {
    padding-inline-start: var(--size-40) !important;
}

.ps-44 {
    padding-inline-start: var(--size-44) !important;
}

.ps-48 {
    padding-inline-start: var(--size-48) !important;
}

.ps-52 {
    padding-inline-start: var(--size-52) !important;
}

.ps-56 {
    padding-inline-start: var(--size-56) !important;
}

.ps-60 {
    padding-inline-start: var(--size-60) !important;
}

.ps-64 {
    padding-inline-start: var(--size-64) !important;
}

.ps-68 {
    padding-inline-start: var(--size-68) !important;
}

.ps-72 {
    padding-inline-start: var(--size-72) !important;
}

.ps-76 {
    padding-inline-start: var(--size-76) !important;
}

.ps-80 {
    padding-inline-start: var(--size-80) !important;
}

.ps-84 {
    padding-inline-start: var(--size-84) !important;
}

.ps-90 {
    padding-inline-start: var(--size-90) !important;
}

.ps-110 {
    padding-inline-start: var(--size-110) !important;
}

.ps-120 {
    padding-inline-start: var(--size-120) !important;
}

.ps-144 {
    padding-inline-start: var(--size-144) !important;
}

.ps-160 {
    padding-inline-start: var(--size-160) !important;
}

.ps-210 {
    padding-inline-start: var(--size-210) !important;
}

.pe-2 {
    padding-inline-end: var(--size-2) !important;
}

.pe-3 {
    padding-inline-end: var(--size-3) !important;
}

.pe-4 {
    padding-inline-end: var(--size-4) !important;
}

.pe-5 {
    padding-inline-end: var(--size-5) !important;
}

.pe-6 {
    padding-inline-end: var(--size-6) !important;
}

.pe-7 {
    padding-inline-end: var(--size-7) !important;
}

.pe-8 {
    padding-inline-end: var(--size-8) !important;
}

.pe-9 {
    padding-inline-end: var(--size-9) !important;
}

.pe-10 {
    padding-inline-end: var(--size-10) !important;
}

.pe-11 {
    padding-inline-end: var(--size-11) !important;
}

.pe-12 {
    padding-inline-end: var(--size-12) !important;
}

.pe-13 {
    padding-inline-end: var(--size-13) !important;
}

.pe-14 {
    padding-inline-end: var(--size-14) !important;
}

.pe-16 {
    padding-inline-end: var(--size-16) !important;
}

.pe-18 {
    padding-inline-end: var(--size-18) !important;
}

.pe-20 {
    padding-inline-end: var(--size-20) !important;
}

.pe-22 {
    padding-inline-end: var(--size-22) !important;
}

.pe-24 {
    padding-inline-end: var(--size-24) !important;
}

.pe-26 {
    padding-inline-end: var(--size-26) !important;
}

.pe-28 {
    padding-inline-end: var(--size-28) !important;
}

.pe-30 {
    padding-inline-end: var(--size-30) !important;
}

.pe-32 {
    padding-inline-end: var(--size-32) !important;
}

.pe-36 {
    padding-inline-end: var(--size-36) !important;
}

.pe-40 {
    padding-inline-end: var(--size-40) !important;
}

.pe-44 {
    padding-inline-end: var(--size-44) !important;
}

.pe-48 {
    padding-inline-end: var(--size-48) !important;
}

.pe-52 {
    padding-inline-end: var(--size-52) !important;
}

.pe-56 {
    padding-inline-end: var(--size-56) !important;
}

.pe-60 {
    padding-inline-end: var(--size-60) !important;
}

.pe-64 {
    padding-inline-end: var(--size-64) !important;
}

.pe-68 {
    padding-inline-end: var(--size-68) !important;
}

.pe-72 {
    padding-inline-end: var(--size-72) !important;
}

.pe-76 {
    padding-inline-end: var(--size-76) !important;
}

.pe-80 {
    padding-inline-end: var(--size-80) !important;
}

.pe-84 {
    padding-inline-end: var(--size-84) !important;
}

.pe-90 {
    padding-inline-end: var(--size-90) !important;
}

.pe-110 {
    padding-inline-end: var(--size-110) !important;
}

.pe-120 {
    padding-inline-end: var(--size-120) !important;
}

.pe-144 {
    padding-inline-end: var(--size-144) !important;
}

.pe-160 {
    padding-inline-end: var(--size-160) !important;
}

.pe-210 {
    padding-inline-end: var(--size-210) !important;
}

.pt-2 {
    padding-block-start: var(--size-2) !important;
}

.pt-3 {
    padding-block-start: var(--size-3) !important;
}

.pt-4 {
    padding-block-start: var(--size-4) !important;
}

.pt-5 {
    padding-block-start: var(--size-5) !important;
}

.pt-6 {
    padding-block-start: var(--size-6) !important;
}

.pt-7 {
    padding-block-start: var(--size-7) !important;
}

.pt-8 {
    padding-block-start: var(--size-8) !important;
}

.pt-9 {
    padding-block-start: var(--size-9) !important;
}

.pt-10 {
    padding-block-start: var(--size-10) !important;
}

.pt-11 {
    padding-block-start: var(--size-11) !important;
}

.pt-12 {
    padding-block-start: var(--size-12) !important;
}

.pt-13 {
    padding-block-start: var(--size-13) !important;
}

.pt-14 {
    padding-block-start: var(--size-14) !important;
}

.pt-16 {
    padding-block-start: var(--size-16) !important;
}

.pt-18 {
    padding-block-start: var(--size-18) !important;
}

.pt-20 {
    padding-block-start: var(--size-20) !important;
}

.pt-22 {
    padding-block-start: var(--size-22) !important;
}

.pt-24 {
    padding-block-start: var(--size-24) !important;
}

.pt-26 {
    padding-block-start: var(--size-26) !important;
}

.pt-28 {
    padding-block-start: var(--size-28) !important;
}

.pt-30 {
    padding-block-start: var(--size-30) !important;
}

.pt-32 {
    padding-block-start: var(--size-32) !important;
}

.pt-36 {
    padding-block-start: var(--size-36) !important;
}

.pt-40 {
    padding-block-start: var(--size-40) !important;
}

.pt-44 {
    padding-block-start: var(--size-44) !important;
}

.pt-48 {
    padding-block-start: var(--size-48) !important;
}

.pt-52 {
    padding-block-start: var(--size-52) !important;
}

.pt-56 {
    padding-block-start: var(--size-56) !important;
}

.pt-60 {
    padding-block-start: var(--size-60) !important;
}

.pt-64 {
    padding-block-start: var(--size-64) !important;
}

.pt-68 {
    padding-block-start: var(--size-68) !important;
}

.pt-72 {
    padding-block-start: var(--size-72) !important;
}

.pt-76 {
    padding-block-start: var(--size-76) !important;
}

.pt-80 {
    padding-block-start: var(--size-80) !important;
}

.pt-84 {
    padding-block-start: var(--size-84) !important;
}

.pt-90 {
    padding-block-start: var(--size-90) !important;
}

.pt-110 {
    padding-block-start: var(--size-110) !important;
}

.pt-120 {
    padding-block-start: var(--size-120) !important;
}

.pt-144 {
    padding-block-start: var(--size-144) !important;
}

.pt-160 {
    padding-block-start: var(--size-160) !important;
}

.pt-210 {
    padding-block-start: var(--size-210) !important;
}

.pb-2 {
    padding-block-end: var(--size-2) !important;
}

.pb-3 {
    padding-block-end: var(--size-3) !important;
}

.pb-4 {
    padding-block-end: var(--size-4) !important;
}

.pb-5 {
    padding-block-end: var(--size-5) !important;
}

.pb-6 {
    padding-block-end: var(--size-6) !important;
}

.pb-7 {
    padding-block-end: var(--size-7) !important;
}

.pb-8 {
    padding-block-end: var(--size-8) !important;
}

.pb-9 {
    padding-block-end: var(--size-9) !important;
}

.pb-10 {
    padding-block-end: var(--size-10) !important;
}

.pb-11 {
    padding-block-end: var(--size-11) !important;
}

.pb-12 {
    padding-block-end: var(--size-12) !important;
}

.pb-13 {
    padding-block-end: var(--size-13) !important;
}

.pb-14 {
    padding-block-end: var(--size-14) !important;
}

.pb-16 {
    padding-block-end: var(--size-16) !important;
}

.pb-18 {
    padding-block-end: var(--size-18) !important;
}

.pb-20 {
    padding-block-end: var(--size-20) !important;
}

.pb-22 {
    padding-block-end: var(--size-22) !important;
}

.pb-24 {
    padding-block-end: var(--size-24) !important;
}

.pb-26 {
    padding-block-end: var(--size-26) !important;
}

.pb-28 {
    padding-block-end: var(--size-28) !important;
}

.pb-30 {
    padding-block-end: var(--size-30) !important;
}

.pb-32 {
    padding-block-end: var(--size-32) !important;
}

.pb-36 {
    padding-block-end: var(--size-36) !important;
}

.pb-40 {
    padding-block-end: var(--size-40) !important;
}

.pb-44 {
    padding-block-end: var(--size-44) !important;
}

.pb-48 {
    padding-block-end: var(--size-48) !important;
}

.pb-52 {
    padding-block-end: var(--size-52) !important;
}

.pb-56 {
    padding-block-end: var(--size-56) !important;
}

.pb-60 {
    padding-block-end: var(--size-60) !important;
}

.pb-64 {
    padding-block-end: var(--size-64) !important;
}

.pb-68 {
    padding-block-end: var(--size-68) !important;
}

.pb-72 {
    padding-block-end: var(--size-72) !important;
}

.pb-76 {
    padding-block-end: var(--size-76) !important;
}

.pb-80 {
    padding-block-end: var(--size-80) !important;
}

.pb-84 {
    padding-block-end: var(--size-84) !important;
}

.pb-90 {
    padding-block-end: var(--size-90) !important;
}

.pb-110 {
    padding-block-end: var(--size-110) !important;
}

.pb-120 {
    padding-block-end: var(--size-120) !important;
}

.pb-144 {
    padding-block-end: var(--size-144) !important;
}

.pb-160 {
    padding-block-end: var(--size-160) !important;
}

.pb-210 {
    padding-block-end: var(--size-210) !important;
}

.p--24 {
    padding: 24px;
}

.p-56-px {
    padding: clamp(0.5rem, -9.243rem + 12vw, 3.5rem);
}

.ps-56-px {
    padding-inline-start: clamp(1.5rem, -4.995rem + 8vw, 3.5rem) !important;
}

.px-72-px {
    padding-inline: clamp(2rem, -1.508rem + 5.658vw, 4.5rem) !important;
}

.px-116-px {
    padding: clamp(1.5rem, -10rem + 15.3333vw, 7.25rem);
}

.px-80-px {
    padding: clamp(1.5rem, -10rem + 15.3333vw, 5rem);
}

.pt-0 {
    padding-block-start: 0 !important;
}

.pb-0 {
    padding-block-end: 0 !important;
}

.ps-0 {
    padding-inline-start: 0 !important;
}

.pe-0 {
    padding-inline-end: 0 !important;
}

.py-100 {
    padding-block-start: 40px !important;
    padding-block-end: 40px !important;
}

@media (min-width: 992px) {
    .py-100 {
        padding-block-start: 60px !important;
        padding-block-end: 60px !important;
    }
}

@media (min-width: 1200px) {
    .py-100 {
        padding-block-start: 80px !important;
        padding-block-end: 80px !important;
    }
}

@media (min-width: 1400px) {
    .py-100 {
        padding-block-start: 100px !important;
        padding-block-end: 100px !important;
    }
}

.py-80 {
    padding-block-start: 60px !important;
    padding-block-end: 60px !important;
}

@media (min-width: 992px) {
    .py-80 {
        padding-block-start: 80px !important;
        padding-block-end: 80px !important;
    }
}

.pt-80 {
    padding-block-start: 60px !important;
}

@media (min-width: 992px) {
    .pt-80 {
        padding-block-start: 80px !important;
    }
}

.pb-80 {
    padding-block-end: 60px !important;
}

@media (min-width: 992px) {
    .pb-80 {
        padding-block-end: 80px !important;
    }
}

.py-60 {
    padding-block-start: 30px !important;
    padding-block-end: 30px !important;
}

@media (min-width: 576px) {
    .py-60 {
        padding-block-start: 40px !important;
        padding-block-end: 40px !important;
    }
}

@media (min-width: 992px) {
    .py-60 {
        padding-block-start: 60px !important;
        padding-block-end: 60px !important;
    }
}

.pt-60 {
    padding-block-start: 30px !important;
}

@media (min-width: 576px) {
    .pt-60 {
        padding-block-start: 40px !important;
    }
}

@media (min-width: 992px) {
    .pt-60 {
        padding-block-start: 60px !important;
    }
}

.pb-60 {
    padding-block-end: 30px !important;
}

@media (min-width: 576px) {
    .pb-60 {
        padding-block-end: 40px !important;
    }
}

@media (min-width: 992px) {
    .pb-60 {
        padding-block-end: 60px !important;
    }
}
/* ================================= Padding Css End =========================== */
/* ================================= Classes Css Start =========================== */
/* Section Background */
.bg-color-one {
    background-color: var(--bg-color-one) !important;
}

.bg-color-two {
    background-color: var(--bg-color-two) !important;
}

.bg-color-three {
    background-color: var(--bg-color-three) !important;
}

.bg-color-neutral {
    background-color: var(--neutral) !important;
}

.container-lg {
    max-width: 1680px;
}

/* Column Extra Small Screen */
@media screen and (min-width: 425px) and (max-width: 575px) {
    .col-xs-6 {
        width: 50%;
    }
}

@media (min-width: 424px) {
    .d-xs-flex {
        display: flex !important;
    }
}

.opacity-6 {
    opacity: 0.06 !important;
}

/* Transition */
.transition-1 {
    transition: 0.1s linear;
}

.transition-2 {
    transition: 0.2s linear;
}

.transition-3 {
    transition: 0.3s linear;
}

.display-200 {
    font-size: var(--display-200);
}

.display-one {
    font-size: var(--display-one);
}

.min-width-max-content {
    min-width: max-content;
}

.inset-inline-start-0 {
    inset-inline-start: 0 !important;
}

.inset-inline-start-100 {
    inset-inline-start: 100% !important;
}

.inset-inline-start-auto {
    inset-inline-start: auto !important;
}

.inset-inline-end-0 {
    inset-inline-end: 0 !important;
}

.inset-inline-end-auto {
    inset-inline-end: auto !important;
}

.inset-block-start-0 {
    inset-block-start: 0 !important;
}

.inset-block-start-100 {
    inset-block-start: 100% !important;
}

.inset-block-end-0 {
    inset-block-end: 0 !important;
}

.start-auto {
    inset-inline-start: auto !important;
}

.end-auto {
    inset-inline-end: auto !important;
}

.line-height-0 {
    line-height: 0;
}

.line-height-1 {
    line-height: 1;
}

.line-height-73 {
    line-height: 0.73;
}

/* Text Color */
.hover-text-decoration-underline:hover {
    text-decoration: underline;
}

.hover-text-decoration-none:hover {
    text-decoration: none;
}

.font-heading {
    font-family: var(--heading-font);
}

.font-heading-two {
    font-family: var(--heading-font-two);
}

.font-heading-four {
    font-family: var(--heading-font-four);
}

.font-body {
    font-family: var(--body-font);
}

/* Bg Image Css */
.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
}

.list-inside {
    list-style: inside !important;
}

.aspect-ratio-1 {
    aspect-ratio: 1;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-blur {
    backdrop-filter: blur(90px);
    background-color: hsl(var(--white)/0.3) !important;
    transition: 0.2s linear;
}

.bg-blur:hover {
    transform: scale(1.2);
}

.rotate-10 {
    transform: rotate(-10deg);
}

.bg-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(18, 21, 53, 0.7) 0%, rgba(18, 21, 53, 0.7) 100%);
    z-index: -1;
}

.bg-overlay.style-two::before {
    background: linear-gradient(180deg, rgba(18, 21, 53, 0.47) 34.18%, rgba(18, 21, 53, 0.5) 75.48%), linear-gradient(180deg, rgba(18, 21, 53, 0) 27.17%, rgba(18, 21, 53, 0.5) 79.35%);
    z-index: 0;
}

.bg-start {
    background-position: left !important;
}

.arrow-left-clip {
    clip-path: polygon(10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0% 50%);
}

.w-30-percent {
    width: 30%;
}

.group:hover .group-item-white {
    color: hsl(var(--white)) !important;
}

.z-99 {
    z-index: 99;
}

/* ================================= Classes Css End =========================== */
/* ============================ Extend Css Start ======================== */
/* Cover image Css */
.cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Display Flex Css Start */
.flex-align, .common-check {
    display: flex;
    align-items: center;
}

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

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Display Flex Css End */
/* ============================ Extend Css End ======================== */
.w-2 {
    width: 0.125rem !important;
}

.w-3 {
    width: 0.1875rem !important;
}

.w-4 {
    width: 0.25rem !important;
}

.w-5 {
    width: 0.3125rem !important;
}

.w-6 {
    width: 0.375rem !important;
}

.w-7 {
    width: 0.4375rem !important;
}

.w-8 {
    width: 0.5rem !important;
}

.w-9 {
    width: 0.5625rem !important;
}

.w-10 {
    width: 0.625rem !important;
}

.w-11 {
    width: 0.6875rem !important;
}

.w-12 {
    width: 0.75rem !important;
}

.w-13 {
    width: 0.8125rem !important;
}

.w-14 {
    width: 0.875rem !important;
}

.w-16 {
    width: 1rem !important;
}

.w-18 {
    width: 1.125rem !important;
}

.w-20 {
    width: 1.25rem !important;
}

.w-22 {
    width: 1.375rem !important;
}

.w-24 {
    width: 1.5rem !important;
}

.w-26 {
    width: 1.625rem !important;
}

.w-28 {
    width: 1.75rem !important;
}

.w-30 {
    width: 1.875rem !important;
}

.w-32 {
    width: 2rem !important;
}

.w-36 {
    width: 2rem !important;
}

.w-40 {
    width: 2.5rem !important;
}

.w-44 {
    width: 2.75rem !important;
}

.w-48 {
    width: 3rem !important;
}

.w-52 {
    width: 3.25rem !important;
}

.w-56 {
    width: 3.5rem !important;
}

.w-60 {
    width: 3.75rem !important;
}

.w-64 {
    width: 4rem !important;
}

.w-68 {
    width: 4.25rem !important;
}

.w-72 {
    width: 4.5rem !important;
}

.w-76 {
    width: 4.75rem !important;
}

.w-80 {
    width: 5rem !important;
}

.w-84 {
    width: 5.25rem !important;
}

.w-90 {
    width: 5.625rem !important;
}

.w-110 {
    width: 6.875rem !important;
}

.w-120 {
    width: 7.5rem !important;
}

.w-144 {
    width: 9rem !important;
}

.w-160 {
    width: 10rem !important;
}

.w-210 {
    width: 13.125rem !important;
}

.w-300 {
    width: 300px !important;
}

.w-310 {
    width: 310px;
}

.w-265 {
    width: 265px !important;
}

.w-unset {
    width: unset !important;
}

.h-2 {
    height: 0.125rem !important;
}

.h-3 {
    height: 0.1875rem !important;
}

.h-4 {
    height: 0.25rem !important;
}

.h-5 {
    height: 0.3125rem !important;
}

.h-6 {
    height: 0.375rem !important;
}

.h-7 {
    height: 0.4375rem !important;
}

.h-8 {
    height: 0.5rem !important;
}

.h-9 {
    height: 0.5625rem !important;
}

.h-10 {
    height: 0.625rem !important;
}

.h-11 {
    height: 0.6875rem !important;
}

.h-12 {
    height: 0.75rem !important;
}

.h-13 {
    height: 0.8125rem !important;
}

.h-14 {
    height: 0.875rem !important;
}

.h-16 {
    height: 1rem !important;
}

.h-18 {
    height: 1.125rem !important;
}

.h-20 {
    height: 1.25rem !important;
}

.h-22 {
    height: 1.375rem !important;
}

.h-24 {
    height: 1.5rem !important;
}

.h-26 {
    height: 1.625rem !important;
}

.h-28 {
    height: 1.75rem !important;
}

.h-30 {
    height: 1.875rem !important;
}

.h-32 {
    height: 2rem !important;
}

.h-36 {
    height: 2rem !important;
}

.h-40 {
    height: 2.5rem !important;
}

.h-44 {
    height: 2.75rem !important;
}

.h-48 {
    height: 3rem !important;
}

.h-52 {
    height: 3.25rem !important;
}

.h-56 {
    height: 3.5rem !important;
}

.h-60 {
    height: 3.75rem !important;
}

.h-64 {
    height: 4rem !important;
}

.h-68 {
    height: 4.25rem !important;
}

.h-72 {
    height: 4.5rem !important;
}

.h-76 {
    height: 4.75rem !important;
}

.h-80 {
    height: 5rem !important;
}

.h-84 {
    height: 5.25rem !important;
}

.h-90 {
    height: 5.625rem !important;
}

.h-110 {
    height: 6.875rem !important;
}

.h-120 {
    height: 7.5rem !important;
}

.h-144 {
    height: 9rem !important;
}

.h-160 {
    height: 10rem !important;
}

.h-210 {
    height: 13.125rem !important;
}

.h-unset {
    height: unset !important;
}

.max-h-unset {
    max-height: unset !important;
}

.max-h-120 {
    max-height: 120px !important;
}

.max-h-200 {
    max-height: 200px !important;
}

.max-h-260 {
    max-height: 260px !important;
}

.max-h-300 {
    max-height: 300px !important;
}

.max-h-350 {
    max-height: 350px;
}

.max-h-326 {
    max-height: 326px !important;
}

.max-h-400 {
    max-height: 400px !important;
}

.max-h-540 {
    max-height: 540px !important;
}

.max-w-unset {
    max-width: unset !important;
}

.max-w-120 {
    max-width: 120px;
}

.max-w-184 {
    max-width: 184px;
}

.max-w-260 {
    max-width: 260px !important;
}

.max-w-375 {
    max-width: 375px;
}

.max-w-340 {
    max-width: 340px;
}

.max-w-392 {
    max-width: 392px;
}

.max-w-275 {
    max-width: 275px;
}

.max-w-472 {
    max-width: 472px;
}

.max-w-418 {
    max-width: 418px;
}

.max-w-700 {
    max-width: 700px;
}

.max-w-840 {
    max-width: 840px;
}

.max-w-870 {
    max-width: 870px;
}

.max-w-990 {
    max-width: 990px;
}

.min-h-485 {
    min-height: 485px;
}

.top-n6 {
    inset-block-start: -6px;
}

.end-n4 {
    inset-inline-end: -6px;
}

.text-main-50 {
    color: var(--main-50) !important;
}

.text-main-100 {
    color: var(--main-100) !important;
}

.text-main-200 {
    color: var(--main-200) !important;
}

.text-main-300 {
    color: var(--main-300) !important;
}

.text-main-400 {
    color: var(--main-400) !important;
}

.text-main-500 {
    color: var(--main-500) !important;
}

.text-main-600 {
    color: var(--main-600) !important;
}

.text-main-700 {
    color: var(--main-700) !important;
}

.text-main-800 {
    color: var(--main-800) !important;
}

.text-main-900 {
    color: var(--main-900) !important;
}

.text-main-two-50 {
    color: var(--main-two-50) !important;
}

.text-main-two-100 {
    color: var(--main-two-100) !important;
}

.text-main-two-200 {
    color: var(--main-two-200) !important;
}

.text-main-two-300 {
    color: var(--main-two-300) !important;
}

.text-main-two-400 {
    color: var(--main-two-400) !important;
}

.text-main-two-500 {
    color: var(--main-two-500) !important;
}

.text-main-two-600 {
    color: var(--main-two-600) !important;
}

.text-main-two-700 {
    color: var(--main-two-700) !important;
}

.text-main-two-800 {
    color: var(--main-two-800) !important;
}

.text-main-two-900 {
    color: var(--main-two-900) !important;
}

.text-neutral-30 {
    color: var(--neutral-30) !important;
}

.text-neutral-40 {
    color: var(--neutral-40) !important;
}

.text-neutral-50 {
    color: var(--neutral-50) !important;
}

.text-neutral-100 {
    color: var(--neutral-100) !important;
}

.text-neutral-200 {
    color: var(--neutral-200) !important;
}

.text-neutral-300 {
    color: var(--neutral-300) !important;
}

.text-neutral-400 {
    color: var(--neutral-400) !important;
}

.text-neutral-500 {
    color: var(--neutral-500) !important;
}

.text-neutral-600 {
    color: var(--neutral-600) !important;
}

.text-neutral-700 {
    color: var(--neutral-700) !important;
}

.text-neutral-800 {
    color: var(--neutral-800) !important;
}

.text-neutral-900 {
    color: var(--neutral-900) !important;
}

.text-gray-50 {
    color: var(--gray-50) !important;
}

.text-gray-100 {
    color: var(--gray-100) !important;
}

.text-gray-200 {
    color: var(--gray-200) !important;
}

.text-gray-300 {
    color: var(--gray-300) !important;
}

.text-gray-400 {
    color: var(--gray-400) !important;
}

.text-gray-500 {
    color: var(--gray-500) !important;
}

.text-gray-600 {
    color: var(--gray-600) !important;
}

.text-gray-700 {
    color: var(--gray-700) !important;
}

.text-gray-800 {
    color: var(--gray-800) !important;
}

.text-gray-900 {
    color: var(--gray-900) !important;
}

.text-light-50 {
    color: var(--light-50) !important;
}

.text-light-100 {
    color: var(--light-100) !important;
}

.text-light-600 {
    color: var(--light-600) !important;
}

.text-light-700 {
    color: var(--light-700) !important;
}

.text-light-800 {
    color: var(--light-800) !important;
}

.text-primary-50 {
    color: var(--main-two-600-50) !important;
}

.text-primary-100 {
    color: var(--main-two-600-100) !important;
}

.text-primary-200 {
    color: var(--main-two-600-200) !important;
}

.text-primary-300 {
    color: var(--main-two-600-300) !important;
}

.text-primary-400 {
    color: var(--main-two-600-400) !important;
}

.text-primary-500 {
    color: var(--main-two-600-500) !important;
}

.text-primary-600 {
    color: var(--main-two-600-600) !important;
}

.text-primary-700 {
    color: var(--main-two-600-700) !important;
}

.text-primary-800 {
    color: var(--main-two-600-800) !important;
}

.text-primary-900 {
    color: var(--main-two-600-900) !important;
}

.text-danger-50 {
    color: var(--danger-50) !important;
}

.text-danger-100 {
    color: var(--danger-100) !important;
}

.text-danger-200 {
    color: var(--danger-200) !important;
}

.text-danger-300 {
    color: var(--danger-300) !important;
}

.text-danger-400 {
    color: var(--danger-400) !important;
}

.text-danger-500 {
    color: var(--danger-500) !important;
}

.text-danger-600 {
    color: var(--danger-600) !important;
}

.text-danger-700 {
    color: var(--danger-700) !important;
}

.text-danger-800 {
    color: var(--danger-800) !important;
}

.text-danger-900 {
    color: var(--danger-900) !important;
}

.text-success-50 {
    color: var(--success-50) !important;
}

.text-success-100 {
    color: var(--success-100) !important;
}

.text-success-200 {
    color: var(--success-200) !important;
}

.text-success-300 {
    color: var(--success-300) !important;
}

.text-success-400 {
    color: var(--success-400) !important;
}

.text-success-500 {
    color: var(--success-500) !important;
}

.text-success-600 {
    color: var(--success-600) !important;
}

.text-success-700 {
    color: var(--success-700) !important;
}

.text-success-800 {
    color: var(--success-800) !important;
}

.text-success-900 {
    color: var(--success-900) !important;
}

.text-warning-50 {
    color: var(--warning-50) !important;
}

.text-warning-100 {
    color: var(--warning-100) !important;
}

.text-warning-200 {
    color: var(--warning-200) !important;
}

.text-warning-300 {
    color: var(--warning-300) !important;
}

.text-warning-400 {
    color: var(--warning-400) !important;
}

.text-warning-500 {
    color: var(--warning-500) !important;
}

.text-warning-600 {
    color: var(--warning-600) !important;
}

.text-warning-700 {
    color: var(--warning-700) !important;
}

.text-warning-800 {
    color: var(--warning-800) !important;
}

.text-warning-900 {
    color: var(--warning-900) !important;
}

.text-info-50 {
    color: var(--info-50) !important;
}

.text-info-100 {
    color: var(--info-100) !important;
}

.text-info-200 {
    color: var(--info-200) !important;
}

.text-info-300 {
    color: var(--info-300) !important;
}

.text-info-400 {
    color: var(--info-400) !important;
}

.text-info-500 {
    color: var(--info-500) !important;
}

.text-info-600 {
    color: var(--info-600) !important;
}

.text-info-700 {
    color: var(--info-700) !important;
}

.text-info-800 {
    color: var(--info-800) !important;
}

.text-info-900 {
    color: var(--info-900) !important;
}

.text-tertiary-50 {
    color: var(--tertiary-50) !important;
}

.text-tertiary-100 {
    color: var(--tertiary-100) !important;
}

.text-tertiary-600 {
    color: var(--tertiary-600) !important;
}

.text-heading {
    color: var(--main-two-600)!important;
}

.text-heading-two, .select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    color: #2D2727 !important;
}

.text-heading-three {
    color: #333333 !important;
}

.text-body {
    color: hsl(var(--body-color)) !important;
}

.text-body-two {
    color: #6B7280 !important;
}

.text-main {
    color: hsl(var(--main)) !important;
}

.text-yellow {
    color: var(--main-color) !important;
}

.text-white-6 {
    color: hsl(var(--white)/0.6);
}

.hover-text-main-50:hover {
    color: var(--main-50) !important;
}

.hover-text-main-100:hover {
    color: var(--main-100) !important;
}

.hover-text-main-200:hover {
    color: var(--main-200) !important;
}

.hover-text-main-300:hover {
    color: var(--main-300) !important;
}

.hover-text-main-400:hover {
    color: var(--main-400) !important;
}

.hover-text-main-500:hover {
    color: var(--main-500) !important;
}

.hover-text-main-600:hover {
    color: var(--main-600) !important;
}

.hover-text-main-700:hover {
    color: var(--main-700) !important;
}

.hover-text-main-800:hover {
    color: var(--main-800) !important;
}

.hover-text-main-900:hover {
    color: var(--main-900) !important;
}

.hover-text-main-two-50:hover {
    color: var(--main-two-50) !important;
}

.hover-text-main-two-100:hover {
    color: var(--main-two-100) !important;
}

.hover-text-main-two-200:hover {
    color: var(--main-two-200) !important;
}

.hover-text-main-two-300:hover {
    color: var(--main-two-300) !important;
}

.hover-text-main-two-400:hover {
    color: var(--main-two-400) !important;
}

.hover-text-main-two-500:hover {
    color: var(--main-two-500) !important;
}

.hover-text-main-two-600:hover {
    color: var(--main-two-600) !important;
}

.hover-text-main-two-700:hover {
    color: var(--main-two-700) !important;
}

.hover-text-main-two-800:hover {
    color: var(--main-two-800) !important;
}

.hover-text-main-two-900:hover {
    color: var(--main-two-900) !important;
}

.hover-text-neutral-30:hover {
    color: var(--neutral-30) !important;
}

.hover-text-neutral-40:hover {
    color: var(--neutral-40) !important;
}

.hover-text-neutral-50:hover {
    color: var(--neutral-50) !important;
}

.hover-text-neutral-100:hover {
    color: var(--neutral-100) !important;
}

.hover-text-neutral-200:hover {
    color: var(--neutral-200) !important;
}

.hover-text-neutral-300:hover {
    color: var(--neutral-300) !important;
}

.hover-text-neutral-400:hover {
    color: var(--neutral-400) !important;
}

.hover-text-neutral-500:hover {
    color: var(--neutral-500) !important;
}

.hover-text-neutral-600:hover {
    color: var(--neutral-600) !important;
}

.hover-text-neutral-700:hover {
    color: var(--neutral-700) !important;
}

.hover-text-neutral-800:hover {
    color: var(--neutral-800) !important;
}

.hover-text-neutral-900:hover {
    color: var(--neutral-900) !important;
}

.hover-text-gray-50:hover {
    color: var(--gray-50) !important;
}

.hover-text-gray-100:hover {
    color: var(--gray-100) !important;
}

.hover-text-gray-200:hover {
    color: var(--gray-200) !important;
}

.hover-text-gray-300:hover {
    color: var(--gray-300) !important;
}

.hover-text-gray-400:hover {
    color: var(--gray-400) !important;
}

.hover-text-gray-500:hover {
    color: var(--gray-500) !important;
}

.hover-text-gray-600:hover {
    color: var(--gray-600) !important;
}

.hover-text-gray-700:hover {
    color: var(--gray-700) !important;
}

.hover-text-gray-800:hover {
    color: var(--gray-800) !important;
}

.hover-text-gray-900:hover {
    color: var(--gray-900) !important;
}

.hover-text-light-50:hover {
    color: var(--light-50) !important;
}

.hover-text-light-100:hover {
    color: var(--light-100) !important;
}

.hover-text-light-600:hover {
    color: var(--light-600) !important;
}

.hover-text-light-700:hover {
    color: var(--light-700) !important;
}

.hover-text-light-800:hover {
    color: var(--light-800) !important;
}

.hover-text-primary-50:hover {
    color: var(--main-two-600-50) !important;
}

.hover-text-primary-100:hover {
    color: var(--main-two-600-100) !important;
}

.hover-text-primary-200:hover {
    color: var(--main-two-600-200) !important;
}

.hover-text-primary-300:hover {
    color: var(--main-two-600-300) !important;
}

.hover-text-primary-400:hover {
    color: var(--main-two-600-400) !important;
}

.hover-text-primary-500:hover {
    color: var(--main-two-600-500) !important;
}

.hover-text-primary-600:hover {
    color: var(--main-two-600-600) !important;
}

.hover-text-primary-700:hover {
    color: var(--main-two-600-700) !important;
}

.hover-text-primary-800:hover {
    color: var(--main-two-600-800) !important;
}

.hover-text-primary-900:hover {
    color: var(--main-two-600-900) !important;
}

.hover-text-danger-50:hover {
    color: var(--danger-50) !important;
}

.hover-text-danger-100:hover {
    color: var(--danger-100) !important;
}

.hover-text-danger-200:hover {
    color: var(--danger-200) !important;
}

.hover-text-danger-300:hover {
    color: var(--danger-300) !important;
}

.hover-text-danger-400:hover {
    color: var(--danger-400) !important;
}

.hover-text-danger-500:hover {
    color: var(--danger-500) !important;
}

.hover-text-danger-600:hover {
    color: var(--danger-600) !important;
}

.hover-text-danger-700:hover {
    color: var(--danger-700) !important;
}

.hover-text-danger-800:hover {
    color: var(--danger-800) !important;
}

.hover-text-danger-900:hover {
    color: var(--danger-900) !important;
}

.hover-text-success-50:hover {
    color: var(--success-50) !important;
}

.hover-text-success-100:hover {
    color: var(--success-100) !important;
}

.hover-text-success-200:hover {
    color: var(--success-200) !important;
}

.hover-text-success-300:hover {
    color: var(--success-300) !important;
}

.hover-text-success-400:hover {
    color: var(--success-400) !important;
}

.hover-text-success-500:hover {
    color: var(--success-500) !important;
}

.hover-text-success-600:hover {
    color: var(--success-600) !important;
}

.hover-text-success-700:hover {
    color: var(--success-700) !important;
}

.hover-text-success-800:hover {
    color: var(--success-800) !important;
}

.hover-text-success-900:hover {
    color: var(--success-900) !important;
}

.hover-text-warning-50:hover {
    color: var(--warning-50) !important;
}

.hover-text-warning-100:hover {
    color: var(--warning-100) !important;
}

.hover-text-warning-200:hover {
    color: var(--warning-200) !important;
}

.hover-text-warning-300:hover {
    color: var(--warning-300) !important;
}

.hover-text-warning-400:hover {
    color: var(--warning-400) !important;
}

.hover-text-warning-500:hover {
    color: var(--warning-500) !important;
}

.hover-text-warning-600:hover {
    color: var(--warning-600) !important;
}

.hover-text-warning-700:hover {
    color: var(--warning-700) !important;
}

.hover-text-warning-800:hover {
    color: var(--warning-800) !important;
}

.hover-text-warning-900:hover {
    color: var(--warning-900) !important;
}

.hover-text-info-50:hover {
    color: var(--info-50) !important;
}

.hover-text-info-100:hover {
    color: var(--info-100) !important;
}

.hover-text-info-200:hover {
    color: var(--info-200) !important;
}

.hover-text-info-300:hover {
    color: var(--info-300) !important;
}

.hover-text-info-400:hover {
    color: var(--info-400) !important;
}

.hover-text-info-500:hover {
    color: var(--info-500) !important;
}

.hover-text-info-600:hover {
    color: var(--info-600) !important;
}

.hover-text-info-700:hover {
    color: var(--info-700) !important;
}

.hover-text-info-800:hover {
    color: var(--info-800) !important;
}

.hover-text-info-900:hover {
    color: var(--info-900) !important;
}

.hover-text-tertiary-50:hover {
    color: var(--tertiary-50) !important;
}

.hover-text-tertiary-100:hover {
    color: var(--tertiary-100) !important;
}

.hover-text-tertiary-600:hover {
    color: var(--tertiary-600) !important;
}

/* Text Color */
.hover-text-white:hover {
    color: #fff !important;
}

.hover-text-heading:hover {
    color: hsl(0, 0, 0) !important;
}

.hover-text-body:hover {
    color: hsl(var(--body-color)) !important;
}

.hover-text-main:hover {
    color: hsl(var(--main)) !important;
}

.border-main-50 {
    border-color: var(--main-50) !important;
}

.border-main-100 {
    border-color: var(--main-100) !important;
}

.border-main-200 {
    border-color: var(--main-200) !important;
}

.border-main-300 {
    border-color: var(--main-300) !important;
}

.border-main-400 {
    border-color: var(--main-400) !important;
}

.border-main-500 {
    border-color: var(--main-500) !important;
}

.border-main-600 {
    border-color: var(--main-600) !important;
}

.border-main-700 {
    border-color: var(--main-700) !important;
}

.border-main-800 {
    border-color: var(--main-800) !important;
}

.border-main-900 {
    border-color: var(--main-900) !important;
}

.border-main-two-50 {
    border-color: var(--main-two-50) !important;
}

.border-main-two-100 {
    border-color: var(--main-two-100) !important;
}

.border-main-two-200 {
    border-color: var(--main-two-200) !important;
}

.border-main-two-300 {
    border-color: var(--main-two-300) !important;
}

.border-main-two-400 {
    border-color: var(--main-two-400) !important;
}

.border-main-two-500 {
    border-color: var(--main-two-500) !important;
}

.border-main-two-600 {
    border-color: var(--main-two-600) !important;
}

.border-main-two-700 {
    border-color: var(--main-two-700) !important;
}

.border-main-two-800 {
    border-color: var(--main-two-800) !important;
}

.border-main-two-900 {
    border-color: var(--main-two-900) !important;
}

.border-neutral-30 {
    border-color: var(--neutral-30) !important;
}

.border-neutral-40 {
    border-color: var(--neutral-40) !important;
}

.border-neutral-50 {
    border-color: var(--neutral-50) !important;
}

.border-theme-50{
    border-color: rgb(50, 62, 78, 1)!important;
}

.border-neutral-100 {
    border-color: var(--neutral-100) !important;
}

.border-neutral-200 {
    border-color: var(--neutral-200) !important;
}

.border-neutral-300 {
    border-color: var(--neutral-300) !important;
}

.border-neutral-400 {
    border-color: var(--neutral-400) !important;
}

.border-neutral-500 {
    border-color: var(--neutral-500) !important;
}

.border-neutral-600 {
    border-color: var(--neutral-600) !important;
}

.border-neutral-700 {
    border-color: var(--neutral-700) !important;
}

.border-neutral-800 {
    border-color: var(--neutral-800) !important;
}

.border-neutral-900 {
    border-color: var(--neutral-900) !important;
}

.border-gray-50 {
    border-color: var(--gray-50) !important;
}

.border-gray-100 {
    border-color: var(--gray-100) !important;
}

.border-gray-200 {
    border-color: var(--gray-200) !important;
}

.border-gray-300 {
    border-color: var(--gray-300) !important;
}

.border-gray-400 {
    border-color: var(--gray-400) !important;
}

.border-gray-500 {
    border-color: var(--gray-500) !important;
}

.border-gray-600 {
    border-color: var(--gray-600) !important;
}

.border-gray-700 {
    border-color: var(--gray-700) !important;
}

.border-gray-800 {
    border-color: var(--gray-800) !important;
}

.border-gray-900 {
    border-color: var(--gray-900) !important;
}

.border-light-50 {
    border-color: var(--light-50) !important;
}

.border-light-100 {
    border-color: var(--light-100) !important;
}

.border-light-600 {
    border-color: var(--light-600) !important;
}

.border-light-700 {
    border-color: var(--light-700) !important;
}

.border-light-800 {
    border-color: var(--light-800) !important;
}

.border-primary-50 {
    border-color: var(--main-two-600-50) !important;
}

.border-primary-100 {
    border-color: var(--main-two-600-100) !important;
}

.border-primary-200 {
    border-color: var(--main-two-600-200) !important;
}

.border-primary-300 {
    border-color: var(--main-two-600-300) !important;
}

.border-primary-400 {
    border-color: var(--main-two-600-400) !important;
}

.border-primary-500 {
    border-color: var(--main-two-600-500) !important;
}

.border-primary-600 {
    border-color: var(--main-two-600-600) !important;
}

.border-primary-700 {
    border-color: var(--main-two-600-700) !important;
}

.border-primary-800 {
    border-color: var(--main-two-600-800) !important;
}

.border-primary-900 {
    border-color: var(--main-two-600-900) !important;
}

.border-danger-50 {
    border-color: var(--danger-50) !important;
}

.border-danger-100 {
    border-color: var(--danger-100) !important;
}

.border-danger-200 {
    border-color: var(--danger-200) !important;
}

.border-danger-300 {
    border-color: var(--danger-300) !important;
}

.border-danger-400 {
    border-color: var(--danger-400) !important;
}

.border-danger-500 {
    border-color: var(--danger-500) !important;
}

.border-danger-600 {
    border-color: var(--danger-600) !important;
}

.border-danger-700 {
    border-color: var(--danger-700) !important;
}

.border-danger-800 {
    border-color: var(--danger-800) !important;
}

.border-danger-900 {
    border-color: var(--danger-900) !important;
}

.border-success-50 {
    border-color: var(--success-50) !important;
}

.border-success-100 {
    border-color: var(--success-100) !important;
}

.border-success-200 {
    border-color: var(--success-200) !important;
}

.border-success-300 {
    border-color: var(--success-300) !important;
}

.border-success-400 {
    border-color: var(--success-400) !important;
}

.border-success-500 {
    border-color: var(--success-500) !important;
}

.border-success-600 {
    border-color: var(--success-600) !important;
}

.border-success-700 {
    border-color: var(--success-700) !important;
}

.border-success-800 {
    border-color: var(--success-800) !important;
}

.border-success-900 {
    border-color: var(--success-900) !important;
}

.border-warning-50 {
    border-color: var(--warning-50) !important;
}

.border-warning-100 {
    border-color: var(--warning-100) !important;
}

.border-warning-200 {
    border-color: var(--warning-200) !important;
}

.border-warning-300 {
    border-color: var(--warning-300) !important;
}

.border-warning-400 {
    border-color: var(--warning-400) !important;
}

.border-warning-500 {
    border-color: var(--warning-500) !important;
}

.border-warning-600 {
    border-color: var(--warning-600) !important;
}

.border-warning-700 {
    border-color: var(--warning-700) !important;
}

.border-warning-800 {
    border-color: var(--warning-800) !important;
}

.border-warning-900 {
    border-color: var(--warning-900) !important;
}

.border-info-50 {
    border-color: var(--info-50) !important;
}

.border-info-100 {
    border-color: var(--info-100) !important;
}

.border-info-200 {
    border-color: var(--info-200) !important;
}

.border-info-300 {
    border-color: var(--info-300) !important;
}

.border-info-400 {
    border-color: var(--info-400) !important;
}

.border-info-500 {
    border-color: var(--info-500) !important;
}

.border-info-600 {
    border-color: var(--info-600) !important;
}

.border-info-700 {
    border-color: var(--info-700) !important;
}

.border-info-800 {
    border-color: var(--info-800) !important;
}

.border-info-900 {
    border-color: var(--info-900) !important;
}

.border-tertiary-50 {
    border-color: var(--tertiary-50) !important;
}

.border-tertiary-100 {
    border-color: var(--tertiary-100) !important;
}

.border-tertiary-600 {
    border-color: var(--tertiary-600) !important;
}

.hover-border-main-50:hover {
    border-color: var(--main-50) !important;
}

.hover-border-main-100:hover {
    border-color: var(--main-100) !important;
}

.hover-border-main-200:hover {
    border-color: var(--main-200) !important;
}

.hover-border-main-300:hover {
    border-color: var(--main-300) !important;
}

.hover-border-main-400:hover {
    border-color: var(--main-400) !important;
}

.hover-border-main-500:hover {
    border-color: var(--main-500) !important;
}

.hover-border-main-600:hover {
    border-color: var(--main-600) !important;
}

.hover-border-main-700:hover {
    border-color: var(--main-700) !important;
}

.hover-border-main-800:hover {
    border-color: var(--main-800) !important;
}

.hover-border-main-900:hover {
    border-color: var(--main-900) !important;
}

.hover-border-main-two-50:hover {
    border-color: var(--main-two-50) !important;
}

.hover-border-main-two-100:hover {
    border-color: var(--main-two-100) !important;
}

.hover-border-main-two-200:hover {
    border-color: var(--main-two-200) !important;
}

.hover-border-main-two-300:hover {
    border-color: var(--main-two-300) !important;
}

.hover-border-main-two-400:hover {
    border-color: var(--main-two-400) !important;
}

.hover-border-main-two-500:hover {
    border-color: var(--main-two-500) !important;
}

.hover-border-main-two-600:hover {
    border-color: var(--main-two-600) !important;
}

.hover-border-main-two-700:hover {
    border-color: var(--main-two-700) !important;
}

.hover-border-main-two-800:hover {
    border-color: var(--main-two-800) !important;
}

.hover-border-main-two-900:hover {
    border-color: var(--main-two-900) !important;
}

.hover-border-neutral-30:hover {
    border-color: var(--neutral-30) !important;
}

.hover-border-neutral-40:hover {
    border-color: var(--neutral-40) !important;
}

.hover-border-neutral-50:hover {
    border-color: var(--neutral-50) !important;
}

.hover-border-neutral-100:hover {
    border-color: var(--neutral-100) !important;
}

.hover-border-neutral-200:hover {
    border-color: var(--neutral-200) !important;
}

.hover-border-neutral-300:hover {
    border-color: var(--neutral-300) !important;
}

.hover-border-neutral-400:hover {
    border-color: var(--neutral-400) !important;
}

.hover-border-neutral-500:hover {
    border-color: var(--neutral-500) !important;
}

.hover-border-neutral-600:hover {
    border-color: var(--neutral-600) !important;
}

.hover-border-neutral-700:hover {
    border-color: var(--neutral-700) !important;
}

.hover-border-neutral-800:hover {
    border-color: var(--neutral-800) !important;
}

.hover-border-neutral-900:hover {
    border-color: var(--neutral-900) !important;
}

.hover-border-gray-50:hover {
    border-color: var(--gray-50) !important;
}

.hover-border-gray-100:hover {
    border-color: var(--gray-100) !important;
}

.hover-border-gray-200:hover {
    border-color: var(--gray-200) !important;
}

.hover-border-gray-300:hover {
    border-color: var(--gray-300) !important;
}

.hover-border-gray-400:hover {
    border-color: var(--gray-400) !important;
}

.hover-border-gray-500:hover {
    border-color: var(--gray-500) !important;
}

.hover-border-gray-600:hover {
    border-color: var(--gray-600) !important;
}

.hover-border-gray-700:hover {
    border-color: var(--gray-700) !important;
}

.hover-border-gray-800:hover {
    border-color: var(--gray-800) !important;
}

.hover-border-gray-900:hover {
    border-color: var(--gray-900) !important;
}

.hover-border-light-50:hover {
    border-color: var(--light-50) !important;
}

.hover-border-light-100:hover {
    border-color: var(--light-100) !important;
}

.hover-border-light-600:hover {
    border-color: var(--light-600) !important;
}

.hover-border-light-700:hover {
    border-color: var(--light-700) !important;
}

.hover-border-light-800:hover {
    border-color: var(--light-800) !important;
}

.hover-border-primary-50:hover {
    border-color: var(--main-two-600-50) !important;
}

.hover-border-primary-100:hover {
    border-color: var(--main-two-600-100) !important;
}

.hover-border-primary-200:hover {
    border-color: var(--main-two-600-200) !important;
}

.hover-border-primary-300:hover {
    border-color: var(--main-two-600-300) !important;
}

.hover-border-primary-400:hover {
    border-color: var(--main-two-600-400) !important;
}

.hover-border-primary-500:hover {
    border-color: var(--main-two-600-500) !important;
}

.hover-border-primary-600:hover {
    border-color: var(--main-two-600-600) !important;
}

.hover-border-primary-700:hover {
    border-color: var(--main-two-600-700) !important;
}

.hover-border-primary-800:hover {
    border-color: var(--main-two-600-800) !important;
}

.hover-border-primary-900:hover {
    border-color: var(--main-two-600-900) !important;
}

.hover-border-danger-50:hover {
    border-color: var(--danger-50) !important;
}

.hover-border-danger-100:hover {
    border-color: var(--danger-100) !important;
}

.hover-border-danger-200:hover {
    border-color: var(--danger-200) !important;
}

.hover-border-danger-300:hover {
    border-color: var(--danger-300) !important;
}

.hover-border-danger-400:hover {
    border-color: var(--danger-400) !important;
}

.hover-border-danger-500:hover {
    border-color: var(--danger-500) !important;
}

.hover-border-danger-600:hover {
    border-color: var(--danger-600) !important;
}

.hover-border-danger-700:hover {
    border-color: var(--danger-700) !important;
}

.hover-border-danger-800:hover {
    border-color: var(--danger-800) !important;
}

.hover-border-danger-900:hover {
    border-color: var(--danger-900) !important;
}

.hover-border-success-50:hover {
    border-color: var(--success-50) !important;
}

.hover-border-success-100:hover {
    border-color: var(--success-100) !important;
}

.hover-border-success-200:hover {
    border-color: var(--success-200) !important;
}

.hover-border-success-300:hover {
    border-color: var(--success-300) !important;
}

.hover-border-success-400:hover {
    border-color: var(--success-400) !important;
}

.hover-border-success-500:hover {
    border-color: var(--success-500) !important;
}

.hover-border-success-600:hover {
    border-color: var(--success-600) !important;
}

.hover-border-success-700:hover {
    border-color: var(--success-700) !important;
}

.hover-border-success-800:hover {
    border-color: var(--success-800) !important;
}

.hover-border-success-900:hover {
    border-color: var(--success-900) !important;
}

.hover-border-warning-50:hover {
    border-color: var(--warning-50) !important;
}

.hover-border-warning-100:hover {
    border-color: var(--warning-100) !important;
}

.hover-border-warning-200:hover {
    border-color: var(--warning-200) !important;
}

.hover-border-warning-300:hover {
    border-color: var(--warning-300) !important;
}

.hover-border-warning-400:hover {
    border-color: var(--warning-400) !important;
}

.hover-border-warning-500:hover {
    border-color: var(--warning-500) !important;
}

.hover-border-warning-600:hover {
    border-color: var(--warning-600) !important;
}

.hover-border-warning-700:hover {
    border-color: var(--warning-700) !important;
}

.hover-border-warning-800:hover {
    border-color: var(--warning-800) !important;
}

.hover-border-warning-900:hover {
    border-color: var(--warning-900) !important;
}

.hover-border-info-50:hover {
    border-color: var(--info-50) !important;
}

.hover-border-info-100:hover {
    border-color: var(--info-100) !important;
}

.hover-border-info-200:hover {
    border-color: var(--info-200) !important;
}

.hover-border-info-300:hover {
    border-color: var(--info-300) !important;
}

.hover-border-info-400:hover {
    border-color: var(--info-400) !important;
}

.hover-border-info-500:hover {
    border-color: var(--info-500) !important;
}

.hover-border-info-600:hover {
    border-color: var(--info-600) !important;
}

.hover-border-info-700:hover {
    border-color: var(--info-700) !important;
}

.hover-border-info-800:hover {
    border-color: var(--info-800) !important;
}

.hover-border-info-900:hover {
    border-color: var(--info-900) !important;
}

.hover-border-tertiary-50:hover {
    border-color: var(--tertiary-50) !important;
}

.hover-border-tertiary-100:hover {
    border-color: var(--tertiary-100) !important;
}

.hover-border-tertiary-600:hover {
    border-color: var(--tertiary-600) !important;
}

.focus-border-main-600:focus {
    border-color: var(--main-600) !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-white-13 {
    border-color: #FFFFFF21 !important;
}

.bg-main-50 {
    background-color: var(--main-50) !important;
}

.bg-main-100 {
    background-color: var(--main-100) !important;
}

.bg-main-200 {
    background-color: var(--main-200) !important;
}

.bg-main-300 {
    background-color: var(--main-300) !important;
}

.bg-main-400 {
    background-color: var(--main-400) !important;
}

.bg-main-500 {
    background-color: var(--main-500) !important;
}

.bg-main-600 {
    background-color: var(--main-600) !important;
}
.bg-600 {
    background-color: var(--main-color) !important;
}

.bg-main-700 {
    background-color: var(--main-700) !important;
}

.bg-main-800 {
    background-color: var(--main-800) !important;
}

.bg-main-900 {
    background-color: var(--main-900) !important;
}

.bg-main-two-50 {
    background-color: var(--main-two-50) !important;
}

.bg-main-two-100 {
    background-color: var(--main-two-100) !important;
}

.bg-main-two-200 {
    background-color: var(--main-two-200) !important;
}

.bg-main-two-300 {
    background-color: var(--main-two-300) !important;
}

.bg-main-two-400 {
    background-color: var(--main-two-400) !important;
}

.bg-main-two-500 {
    background-color: var(--main-two-500) !important;
}

.bg-main-two-600 {
    background-color: var(--main-two-600) !important;
}

.bg-main-two-700 {
    background-color: var(--main-two-700) !important;
}

.bg-main-two-800 {
    background-color: var(--main-two-800) !important;
}

.bg-main-two-900 {
    background-color: var(--main-two-900) !important;
}

.bg-neutral-30 {
    background-color: var(--neutral-30) !important;
}

.bg-neutral-40 {
    background-color: var(--neutral-40) !important;
}

.bg-neutral-50 {
    background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
    background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
    background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
    background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
    background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
    background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
    background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
    background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
    background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
    background-color: var(--neutral-900) !important;
}

.bg-gray-50 {
    background-color: var(--gray-50) !important;
}

.bg-gray-100 {
    background-color: var(--gray-100) !important;
}

.bg-gray-200 {
    background-color: var(--gray-200) !important;
}

.bg-gray-300 {
    background-color: var(--gray-300) !important;
}

.bg-gray-400 {
    background-color: var(--gray-400) !important;
}

.bg-gray-500 {
    background-color: var(--gray-500) !important;
}

.bg-gray-600 {
    background-color: var(--gray-600) !important;
}

.bg-gray-700 {
    background-color: var(--gray-700) !important;
}

.bg-gray-800 {
    background-color: var(--gray-800) !important;
}

.bg-gray-900 {
    background-color: var(--gray-900) !important;
}

.bg-light-50 {
    background-color: var(--light-50) !important;
}

.bg-light-100 {
    background-color: var(--light-100) !important;
}

.bg-light-600 {
    background-color: var(--light-600) !important;
}

.bg-light-700 {
    background-color: var(--light-700) !important;
}

.bg-light-800 {
    background-color: var(--light-800) !important;
}

.bg-primary-50 {
    background-color: var(--main-two-600-50) !important;
}

.bg-primary-100 {
    background-color: var(--main-two-600-100) !important;
}

.bg-primary-200 {
    background-color: var(--main-two-600-200) !important;
}

.bg-primary-300 {
    background-color: var(--main-two-600-300) !important;
}

.bg-primary-400 {
    background-color: var(--main-two-600-400) !important;
}

.bg-primary-500 {
    background-color: var(--main-two-600-500) !important;
}

.bg-primary-600 {
    background-color: var(--main-two-600-600) !important;
}

.bg-primary-700 {
    background-color: var(--main-two-600-700) !important;
}

.bg-primary-800 {
    background-color: var(--main-two-600-800) !important;
}

.bg-primary-900 {
    background-color: var(--main-two-600-900) !important;
}

.bg-danger-50 {
    background-color: var(--danger-50) !important;
}

.bg-danger-100 {
    background-color: var(--danger-100) !important;
}

.bg-danger-200 {
    background-color: var(--danger-200) !important;
}

.bg-danger-300 {
    background-color: var(--danger-300) !important;
}

.bg-danger-400 {
    background-color: var(--danger-400) !important;
}

.bg-danger-500 {
    background-color: var(--danger-500) !important;
}

.bg-danger-600 {
    background-color: var(--danger-600) !important;
}

.bg-danger-700 {
    background-color: var(--danger-700) !important;
}

.bg-danger-800 {
    background-color: var(--danger-800) !important;
}

.bg-danger-900 {
    background-color: var(--danger-900) !important;
}

.bg-success-50 {
    background-color: var(--success-50) !important;
}

.bg-success-100 {
    background-color: var(--success-100) !important;
}

.bg-success-200 {
    background-color: var(--success-200) !important;
}

.bg-success-300 {
    background-color: var(--success-300) !important;
}

.bg-success-400 {
    background-color: var(--success-400) !important;
}

.bg-success-500 {
    background-color: var(--success-500) !important;
}

.bg-success-600 {
    background-color: var(--success-600) !important;
}

.bg-success-700 {
    background-color: var(--success-700) !important;
}

.bg-success-800 {
    background-color: var(--success-800) !important;
}

.bg-success-900 {
    background-color: var(--success-900) !important;
}

.bg-warning-50 {
    background-color: var(--warning-50) !important;
}

.bg-warning-100 {
    background-color: var(--warning-100) !important;
}

.bg-warning-200 {
    background-color: var(--warning-200) !important;
}

.bg-warning-300 {
    background-color: var(--warning-300) !important;
}

.bg-warning-400 {
    background-color: var(--warning-400) !important;
}

.bg-warning-500 {
    background-color: var(--warning-500) !important;
}

.bg-warning-600 {
    background-color: var(--warning-600) !important;
}

.bg-warning-700 {
    background-color: var(--warning-700) !important;
}

.bg-warning-800 {
    background-color: var(--warning-800) !important;
}

.bg-warning-900 {
    background-color: var(--warning-900) !important;
}

.bg-info-50 {
    background-color: var(--info-50) !important;
}

.bg-info-100 {
    background-color: var(--info-100) !important;
}

.bg-info-200 {
    background-color: var(--info-200) !important;
}

.bg-info-300 {
    background-color: var(--info-300) !important;
}

.bg-info-400 {
    background-color: var(--info-400) !important;
}

.bg-info-500 {
    background-color: var(--info-500) !important;
}

.bg-info-600 {
    background-color: var(--info-600) !important;
}

.bg-info-700 {
    background-color: var(--info-700) !important;
}

.bg-info-800 {
    background-color: var(--info-800) !important;
}

.bg-info-900 {
    background-color: var(--info-900) !important;
}

.bg-tertiary-50 {
    background-color: var(--tertiary-50) !important;
}

.bg-tertiary-100 {
    background-color: var(--tertiary-100) !important;
}

.bg-tertiary-600 {
    background-color: var(--tertiary-600) !important;
}

.hover-bg-main-50:hover {
    background-color: var(--main-50) !important;
}

.hover-bg-main-100:hover {
    background-color: var(--main-100) !important;
}

.hover-bg-main-200:hover {
    background-color: var(--main-200) !important;
}

.hover-bg-main-300:hover {
    background-color: var(--main-300) !important;
}

.hover-bg-main-400:hover {
    background-color: var(--main-400) !important;
}

.hover-bg-main-500:hover {
    background-color: var(--main-500) !important;
}

.hover-bg-main-600:hover {
    background-color: var(--main-600) !important;
}

.hover-bg-main-700:hover {
    background-color: var(--main-700) !important;
}

.hover-bg-main-800:hover {
    background-color: var(--main-800) !important;
}

.hover-bg-main-900:hover {
    background-color: var(--main-900) !important;
}

.hover-bg-main-two-50:hover {
    background-color: var(--main-two-50) !important;
}

.hover-bg-main-two-100:hover {
    background-color: var(--main-two-100) !important;
}

.hover-bg-main-two-200:hover {
    background-color: var(--main-two-200) !important;
}

.hover-bg-main-two-300:hover {
    background-color: var(--main-two-300) !important;
}

.hover-bg-main-two-400:hover {
    background-color: var(--main-two-400) !important;
}

.hover-bg-main-two-500:hover {
    background-color: var(--main-two-500) !important;
}

.hover-bg-main-two-600:hover {
    background-color: var(--main-two-600) !important;
}

.hover-bg-main-two-700:hover {
    background-color: var(--main-two-700) !important;
}

.hover-bg-main-two-800:hover {
    background-color: var(--main-two-800) !important;
}

.hover-bg-main-two-900:hover {
    background-color: var(--main-two-900) !important;
}

.hover-bg-neutral-30:hover {
    background-color: var(--neutral-30) !important;
}

.hover-bg-neutral-40:hover {
    background-color: var(--neutral-40) !important;
}

.hover-bg-neutral-50:hover {
    background-color: var(--neutral-50) !important;
}

.hover-bg-neutral-100:hover {
    background-color: var(--neutral-100) !important;
}

.hover-bg-neutral-200:hover {
    background-color: var(--neutral-200) !important;
}

.hover-bg-neutral-300:hover {
    background-color: var(--neutral-300) !important;
}

.hover-bg-neutral-400:hover {
    background-color: var(--neutral-400) !important;
}

.hover-bg-neutral-500:hover {
    background-color: var(--neutral-500) !important;
}

.hover-bg-neutral-600:hover {
    background-color: var(--neutral-600) !important;
}

.hover-bg-neutral-700:hover {
    background-color: var(--neutral-700) !important;
}

.hover-bg-neutral-800:hover {
    background-color: var(--neutral-800) !important;
}

.hover-bg-neutral-900:hover {
    background-color: var(--neutral-900) !important;
}

.hover-bg-gray-50:hover {
    background-color: var(--gray-50) !important;
}

.hover-bg-gray-100:hover {
    background-color: var(--gray-100) !important;
}

.hover-bg-gray-200:hover {
    background-color: var(--gray-200) !important;
}

.hover-bg-gray-300:hover {
    background-color: var(--gray-300) !important;
}

.hover-bg-gray-400:hover {
    background-color: var(--gray-400) !important;
}

.hover-bg-gray-500:hover {
    background-color: var(--gray-500) !important;
}

.hover-bg-gray-600:hover {
    background-color: var(--gray-600) !important;
}

.hover-bg-gray-700:hover {
    background-color: var(--gray-700) !important;
}

.hover-bg-gray-800:hover {
    background-color: var(--gray-800) !important;
}

.hover-bg-gray-900:hover {
    background-color: var(--gray-900) !important;
}

.hover-bg-light-50:hover {
    background-color: var(--light-50) !important;
}

.hover-bg-light-100:hover {
    background-color: var(--light-100) !important;
}

.hover-bg-light-600:hover {
    background-color: var(--light-600) !important;
}

.hover-bg-light-700:hover {
    background-color: var(--light-700) !important;
}

.hover-bg-light-800:hover {
    background-color: var(--light-800) !important;
}

.hover-bg-primary-50:hover {
    background-color: var(--main-two-600-50) !important;
}

.hover-bg-primary-100:hover {
    background-color: var(--main-two-600-100) !important;
}

.hover-bg-primary-200:hover {
    background-color: var(--main-two-600-200) !important;
}

.hover-bg-primary-300:hover {
    background-color: var(--main-two-600-300) !important;
}

.hover-bg-primary-400:hover {
    background-color: var(--main-two-600-400) !important;
}

.hover-bg-primary-500:hover {
    background-color: var(--main-two-600-500) !important;
}

.hover-bg-primary-600:hover {
    background-color: var(--main-two-600-600) !important;
}

.hover-bg-primary-700:hover {
    background-color: var(--main-two-600-700) !important;
}

.hover-bg-primary-800:hover {
    background-color: var(--main-two-600-800) !important;
}

.hover-bg-primary-900:hover {
    background-color: var(--main-two-600-900) !important;
}

.hover-bg-danger-50:hover {
    background-color: var(--danger-50) !important;
}

.hover-bg-danger-100:hover {
    background-color: var(--danger-100) !important;
}

.hover-bg-danger-200:hover {
    background-color: var(--danger-200) !important;
}

.hover-bg-danger-300:hover {
    background-color: var(--danger-300) !important;
}

.hover-bg-danger-400:hover {
    background-color: var(--danger-400) !important;
}

.hover-bg-danger-500:hover {
    background-color: var(--danger-500) !important;
}

.hover-bg-danger-600:hover {
    background-color: var(--danger-600) !important;
}

.hover-bg-danger-700:hover {
    background-color: var(--danger-700) !important;
}

.hover-bg-danger-800:hover {
    background-color: var(--danger-800) !important;
}

.hover-bg-danger-900:hover {
    background-color: var(--danger-900) !important;
}

.hover-bg-success-50:hover {
    background-color: var(--success-50) !important;
}

.hover-bg-success-100:hover {
    background-color: var(--success-100) !important;
}

.hover-bg-success-200:hover {
    background-color: var(--success-200) !important;
}

.hover-bg-success-300:hover {
    background-color: var(--success-300) !important;
}

.hover-bg-success-400:hover {
    background-color: var(--success-400) !important;
}

.hover-bg-success-500:hover {
    background-color: var(--success-500) !important;
}

.hover-bg-success-600:hover {
    background-color: var(--success-600) !important;
}

.hover-bg-success-700:hover {
    background-color: var(--success-700) !important;
}

.hover-bg-success-800:hover {
    background-color: var(--success-800) !important;
}

.hover-bg-success-900:hover {
    background-color: var(--success-900) !important;
}

.hover-bg-warning-50:hover {
    background-color: var(--warning-50) !important;
}

.hover-bg-warning-100:hover {
    background-color: var(--warning-100) !important;
}

.hover-bg-warning-200:hover {
    background-color: var(--warning-200) !important;
}

.hover-bg-warning-300:hover {
    background-color: var(--warning-300) !important;
}

.hover-bg-warning-400:hover {
    background-color: var(--warning-400) !important;
}

.hover-bg-warning-500:hover {
    background-color: var(--warning-500) !important;
}

.hover-bg-warning-600:hover {
    background-color: var(--warning-600) !important;
}

.hover-bg-warning-700:hover {
    background-color: var(--warning-700) !important;
}

.hover-bg-warning-800:hover {
    background-color: var(--warning-800) !important;
}

.hover-bg-warning-900:hover {
    background-color: var(--warning-900) !important;
}

.hover-bg-info-50:hover {
    background-color: var(--info-50) !important;
}

.hover-bg-info-100:hover {
    background-color: var(--info-100) !important;
}

.hover-bg-info-200:hover {
    background-color: var(--info-200) !important;
}

.hover-bg-info-300:hover {
    background-color: var(--info-300) !important;
}

.hover-bg-info-400:hover {
    background-color: var(--info-400) !important;
}

.hover-bg-info-500:hover {
    background-color: var(--info-500) !important;
}

.hover-bg-info-600:hover {
    background-color: var(--info-600) !important;
}

.hover-bg-info-700:hover {
    background-color: var(--info-700) !important;
}

.hover-bg-info-800:hover {
    background-color: var(--info-800) !important;
}

.hover-bg-info-900:hover {
    background-color: var(--info-900) !important;
}

.hover-bg-tertiary-50:hover {
    background-color: var(--tertiary-50) !important;
}

.hover-bg-tertiary-100:hover {
    background-color: var(--tertiary-100) !important;
}

.hover-bg-tertiary-600:hover {
    background-color: var(--tertiary-600) !important;
}

.hover-bg-white:hover {
    background-color: hsl(var(--white)) !important;
}

.bg-white-12 {
    background: #FFFFFF1F;
}

.bg-white-06 {
    background: #FFFFFF0F !important;
}

.bg-light-purple {
    background: #ECDBEC !important;
}

.bg-black-light {
    background-color: #1A1A1A;
}

.bg-yellow {
    background-color: #FFCC53;
}

.bg-paste {
    background-color: #10D5DC;
}

.bg-yellow-light {
    background-color: #FFFCE1 !important;
}

.bg-danger-light {
    background-color: #FFEBEE !important;
}

.bg-purple-light {
    background-color: #F5E7FC !important;
}

.bg-danger-light {
    background-color: #FFE2F5 !important;
}

.bg-warning-light {
    background-color: #FBEEDD !important;
}

.bg-success-light {
    background-color: #F6F5DB !important;
}

.gradient-shadow {
    position: relative;
}

.gradient-shadow::before, .gradient-shadow::after {
    position: absolute;
    content: "";
    width: 200px;
    height: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, #ffffff, transparent);
    z-index: 1;
}

.gradient-shadow::after {
    inset-inline-start: auto;
    inset-inline-end: 0;
    background: linear-gradient(-90deg, #fff, transparent);
}

/* Font Size Class Start */
.text-inherit {
    font-size: inherit;
}

.text-xs {
    font-size: 0.75rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-md {
    font-size: 1rem !important;
}

.text-lg {
    font-size: 1.125rem !important;
}

.text-xl {
    font-size: 1.25rem !important;
}

.text-2xl {
    font-size: 1.5rem !important;
}

.text-3xl {
    font-size: 1.875rem !important;
}

.text-4xl {
    font-size: 2.25rem !important;
}

.text-5xl {
    font-size: 3rem !important;
}

.text-6xl {
    font-size: 3.75rem !important;
}

.text-2 {
    font-size: 0.125rem !important;
}

.text-3 {
    font-size: 0.1875rem !important;
}

.text-4 {
    font-size: 0.25rem !important;
}

.text-5 {
    font-size: 0.3125rem !important;
}

.text-6 {
    font-size: 0.375rem !important;
}

.text-7 {
    font-size: 0.4375rem !important;
}

.text-8 {
    font-size: 0.5rem !important;
}

.text-9 {
    font-size: 0.5625rem !important;
}

.text-10 {
    font-size: 0.625rem !important;
}

.text-11 {
    font-size: 0.6875rem !important;
}

.text-12 {
    font-size: 0.75rem !important;
}

.text-13 {
    font-size: 0.8125rem !important;
}

.text-14 {
    font-size: 0.875rem !important;
}

.text-16 {
    font-size: 1rem !important;
}

.text-18 {
    font-size: 1.125rem !important;
}

.text-20 {
    font-size: 1.25rem !important;
}

.text-22 {
    font-size: 1.375rem !important;
}

.text-24 {
    font-size: 1.5rem !important;
}

.text-26 {
    font-size: 1.625rem !important;
}

.text-28 {
    font-size: 1.75rem !important;
}

.text-30 {
    font-size: 1.875rem !important;
}

.text-32 {
    font-size: 2rem !important;
}

.text-36 {
    font-size: 2rem !important;
}

.text-40 {
    font-size: 2.5rem !important;
}

.text-44 {
    font-size: 2.75rem !important;
}

.text-48 {
    font-size: 3rem !important;
}

.text-52 {
    font-size: 3.25rem !important;
}

.text-56 {
    font-size: 3.5rem !important;
}

.text-60 {
    font-size: 3.75rem !important;
}

.text-64 {
    font-size: 4rem !important;
}

.text-68 {
    font-size: 4.25rem !important;
}

.text-72 {
    font-size: 4.5rem !important;
}

.text-76 {
    font-size: 4.75rem !important;
}

.text-80 {
    font-size: 5rem !important;
}

.text-84 {
    font-size: 5.25rem !important;
}

.text-90 {
    font-size: 5.625rem !important;
}

.text-110 {
    font-size: 6.875rem !important;
}

.text-120 {
    font-size: 7.5rem !important;
}

.text-144 {
    font-size: 9rem !important;
}

.text-160 {
    font-size: 10rem !important;
}

.text-210 {
    font-size: 13.125rem !important;
}

/* Font Size Class End */
/* Box shadow start */
.box-shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.box-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.box-shadow-lg, .submenus-submenu, .common-dropdown {
    box-shadow: 0px 7px 21px -5px rgba(0, 0, 0, 0.1), 0 4px 21px -4px rgba(0, 0, 0, 0.1);
}

.box-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.box-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.box-shadow-3xl {
    box-shadow: 0px 5px 13px 0px #00000012;
}

.box-shadow-4xl {
    box-shadow: 0px 10px 9px 0px #0000000F;
}

.box-shadow-5xl {
    box-shadow: 0px 7px 17px 0px #0000000F;
}

.box-shadow-6xl {
    box-shadow: 0px 1px 7px 0px #01103D1A;
}

.box-shadow-7xl {
    box-shadow: 0px 4px 4px 0px #0000000D;
}

.box-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

/* Box shadow End */
/* Border Radius */
.rounded-2 {
    border-radius: 0.125rem !important;
}

.rounded-3 {
    border-radius: 0.1875rem !important;
}

.rounded-4 {
    border-radius: 0.25rem !important;
}

.rounded-5 {
    border-radius: 0.3125rem !important;
}

.rounded-6 {
    border-radius: 0.375rem !important;
}

.rounded-7 {
    border-radius: 0.4375rem !important;
}

.rounded-8 {
    border-radius: 0.5rem !important;
}

.rounded-9 {
    border-radius: 0.5625rem !important;
}

.rounded-10 {
    border-radius: 0.625rem !important;
}

.rounded-11 {
    border-radius: 0.6875rem !important;
}

.rounded-12 {
    border-radius: 0.75rem !important;
}

.rounded-13 {
    border-radius: 0.8125rem !important;
}

.rounded-14 {
    border-radius: 0.875rem !important;
}

.rounded-16 {
    border-radius: 1rem !important;
}

.rounded-18 {
    border-radius: 1.125rem !important;
}

.rounded-20 {
    border-radius: 1.25rem !important;
}

.rounded-22 {
    border-radius: 1.375rem !important;
}

.rounded-24 {
    border-radius: 1.5rem !important;
}

.rounded-26 {
    border-radius: 1.625rem !important;
}

.rounded-28 {
    border-radius: 1.75rem !important;
}

.rounded-30 {
    border-radius: 1.875rem !important;
}

.rounded-32 {
    border-radius: 2rem !important;
}

.rounded-36 {
    border-radius: 2rem !important;
}

.rounded-40 {
    border-radius: 2.5rem !important;
}

.rounded-44 {
    border-radius: 2.75rem !important;
}

.rounded-48 {
    border-radius: 3rem !important;
}

.rounded-52 {
    border-radius: 3.25rem !important;
}

.rounded-56 {
    border-radius: 3.5rem !important;
}

.rounded-60 {
    border-radius: 3.75rem !important;
}

.rounded-64 {
    border-radius: 4rem !important;
}

.rounded-68 {
    border-radius: 4.25rem !important;
}

.rounded-72 {
    border-radius: 4.5rem !important;
}

.rounded-76 {
    border-radius: 4.75rem !important;
}

.rounded-80 {
    border-radius: 5rem !important;
}

.rounded-84 {
    border-radius: 5.25rem !important;
}

.rounded-90 {
    border-radius: 5.625rem !important;
}

.rounded-110 {
    border-radius: 6.875rem !important;
}

.rounded-120 {
    border-radius: 7.5rem !important;
}

.rounded-144 {
    border-radius: 9rem !important;
}

.rounded-160 {
    border-radius: 10rem !important;
}

.rounded-210 {
    border-radius: 13.125rem !important;
}

.rounded-top-right-0 {
    border-top-right-radius: 0 !important;
}

/* Hide Scroll bar Css For Custom Modal */
.scroll-hide {
    position: absolute;
    overflow-y: hidden;
    padding-inline-end: 17px;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .scroll-hide {
        padding-inline-end: 0;
    }
}

@media screen and (max-width: 991px) {
    .scroll-hide-sm {
        position: absolute;
        overflow-y: hidden;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: calc(100% - 0px);
    }
}
/* Hide Scroll bar Css For Custom Modal End */
/* Overlay Start */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.overlay.show-overlay {
    visibility: visible;
    opacity: 1;
}

.side-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 1;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

@media screen and (max-width: 991px) {
    .side-overlay.show {
        visibility: visible;
        opacity: 1;
    }
}
/* Overlay End */
.text-line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scroll-sm::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.scroll-sm::-webkit-scrollbar-thumb {
    background-color: #b1b3b8;
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
    background-color: #7e7d7d;
}

.scroll-sm::-webkit-scrollbar-track {
    background-color: #d6d9de;
}

.gap-2 {
    gap: var(--size-2) !important;
}

.gap-3 {
    gap: var(--size-3) !important;
}

.gap-4 {
    gap: var(--size-4) !important;
}

.gap-5 {
    gap: var(--size-5) !important;
}

.gap-6 {
    gap: var(--size-6) !important;
}

.gap-7 {
    gap: var(--size-7) !important;
}

.gap-8 {
    gap: var(--size-8) !important;
}

.gap-9 {
    gap: var(--size-9) !important;
}

.gap-10 {
    gap: var(--size-10) !important;
}

.gap-11 {
    gap: var(--size-11) !important;
}

.gap-12 {
    gap: var(--size-12) !important;
}

.gap-13 {
    gap: var(--size-13) !important;
}

.gap-14 {
    gap: var(--size-14) !important;
}

.gap-16 {
    gap: var(--size-16) !important;
}

.gap-18 {
    gap: var(--size-18) !important;
}

.gap-20 {
    gap: var(--size-20) !important;
}

.gap-22 {
    gap: var(--size-22) !important;
}

.gap-24 {
    gap: var(--size-24) !important;
}

.gap-26 {
    gap: var(--size-26) !important;
}

.gap-28 {
    gap: var(--size-28) !important;
}

.gap-30 {
    gap: var(--size-30) !important;
}

.gap-32 {
    gap: var(--size-32) !important;
}

.gap-36 {
    gap: var(--size-36) !important;
}

.gap-40 {
    gap: var(--size-40) !important;
}

.gap-44 {
    gap: var(--size-44) !important;
}

.gap-48 {
    gap: var(--size-48) !important;
}

.gap-52 {
    gap: var(--size-52) !important;
}

.gap-56 {
    gap: var(--size-56) !important;
}

.gap-60 {
    gap: var(--size-60) !important;
}

.gap-64 {
    gap: var(--size-64) !important;
}

.gap-68 {
    gap: var(--size-68) !important;
}

.gap-72 {
    gap: var(--size-72) !important;
}

.gap-76 {
    gap: var(--size-76) !important;
}

.gap-80 {
    gap: var(--size-80) !important;
}

.gap-84 {
    gap: var(--size-84) !important;
}

.gap-90 {
    gap: var(--size-90) !important;
}

.gap-110 {
    gap: var(--size-110) !important;
}

.gap-120 {
    gap: var(--size-120) !important;
}

.gap-144 {
    gap: var(--size-144) !important;
}

.gap-160 {
    gap: var(--size-160) !important;
}

.gap-210 {
    gap: var(--size-210) !important;
}

.gap-20-px {
    gap: 20px;
}

@media (max-width: 768px) {
    .gap-20-px {
        gap: 10px;
    }
}
/* Hover Classes Start */
.item-hover:hover .item-hover__text {
    color: var(--main-600) !important;
}

.item-hover-two:hover .item-hover__text {
    color: var(--main-two-600) !important;
}

.on-hover-dropdown {
    visibility: hidden;
    opacity: 0;
    margin-block-start: 16px;
}

.on-hover-item {
    position: relative;
}

.on-hover-item:hover .on-hover-dropdown {
    visibility: visible;
    opacity: 1;
    margin-block-start: 0;
}

@media (min-width: 992px) {
    .on-hover-item:hover > a::before {
        color: hsl(var(--main));
        transform: translateY(-50%) rotate(180deg);
    }
}
/* Hover Classes End */
.g-8, .gy-8 {
    --bs-gutter-y: .5rem !important;
}

.g-12, .gy-12 {
    --bs-gutter-y: .75rem !important;
}

.g-8, .gx-8 {
    --bs-gutter-x: .5rem !important;
}

.g-12, .gx-12 {
    --bs-gutter-x: .75rem !important;
}

/* ================================= preload Css Start =========================== */
.preloader {
    background-color: hsl(var(--white));
    inset-block-end: 0;
    inset-inline-start: 0;
    position: fixed;
    inset-inline-end: 0;
    inset-block-start: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ================================= preload Css End ===========================  */
/* =========================== header top Css Start =============================== */
@media screen and (max-width: 767px) {
    .header-top__right {
        width: 100%;
    }

    .header-top__right li:nth-last-child(2) {
        margin-inline-end: 0 !important;
        padding-inline-end: 0 !important;
    }

    .header-top__right li:nth-last-child(2)::before {
        display: none;
    }
}

.header-top__right.style-two > li {
    padding-inline-end: 16px !important;
    margin-inline-end: 0 !important;
}

.header-top__right.style-two > li:last-child {
    padding-inline-end: 0 !important;
}

.header-top__right.style-two > li::before {
    display: none !important;
}

.header-top__right.style-two > li a {
    padding-inline-end: 20px;
}

@media screen and (max-width: 991px) {
    .header-top__right.style-two > li a {
        color: #fff !important;
    }
}

.header-top__right.style-two > li a::before {
    color: 0, 0, 0 !important;
    font-size: 14px !important;
}

.header-top__right.style-two > li > ul {
    inset-inline-end: auto !important;
    inset-inline-start: calc(-100% - 24px) !important;
}

@media screen and (max-width: 991px) {
    .header-top__right.style-two > li > ul li a {
        color: var(--neutral-600) !important;
    }
}

@media screen and (max-width: 991px) {
    .border-right-item a {
        font-size: 12px !important;
    }
}

.border-right-item {
    position: relative;
}

.border-right-item:not(:last-child) {
    margin-inline-end: 24px;
    padding-inline-end: 24px;
}

@media screen and (max-width: 1399px) {
    .border-right-item:not(:last-child) {
        margin-inline-end: 16px !important;
        padding-inline-end: 16px !important;
    }
}

@media screen and (max-width: 1199px) {
    .border-right-item:not(:last-child) {
        margin-inline-end: 10px !important;
        padding-inline-end: 10px !important;
    }
}

.border-right-item:not(:last-child)::before {
    position: absolute;
    content: "";
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-end: 0;
    width: 1px;
    height: 15px;
    background-color: hsl(var(--white)/0.3);
}

.border-right-item-sm-space:not(:last-child) {
    margin-inline-end: 20px;
    padding-inline-end: 20px;
}

/* Has Dropdown Css */
.arrow-white > a {
    padding-inline-end: 12px;
}

.arrow-white > a::before {
    color: hsl(var(--white)) !important;
    font-size: 8px;
}

@media screen and (max-width: 991px) {
    .header-top__right.style-three > li a {
        color: var(--neutral-500) !important;
    }
}
/* =========================== header top Css End =============================== */
/* ============= Header Start Here ======================= */
.header {
    transition: 0.2s linear;
}

.header.fixed-header {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: 100%;
    z-index: 8;
    backdrop-filter: blur(24px);
    animation: slideDown 0.35s ease-out;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 991px) {
    .header.fixed-header {
        inset-block-start: -1px;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.logo img {
    max-width: 200px;
}

@media screen and (max-width: 424px) {
    .logo img {
        max-width: 148px;
    }
}
/* Header Menu and Submenu Css Start */
.nav-menu {
    gap: 32px;
}

@media screen and (max-width: 1399px) {
    .nav-menu {
        gap: 24px;
    }
}

@media screen and (max-width: 1199px) {
    .nav-menu {
        gap: 16px;
    }
}

.nav-menu__item.activePage > a {
    color: hsl(var(--main)) !important;
}

.nav-menu__item.activePage > a::before {
    color: hsl(var(--main)) !important;
}

.nav-menu__item:hover > a {
    color: var(--gray-400);
}

@media (min-width: 992px) {
    .nav-menu__item:hover > a {
        color: hsl(var(--main)) !important;
    }
}

.nav-menu__link {
    color: var(--gray-400);
    font-weight: 500;
    width: 100%;
    padding: 16px 0;
    width: 100%;
}

@media (max-width: 1299px) {
    .nav-menu__link {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1199px) {
    .nav-menu__link {
        font-size: 0.8125rem;
    }
}

@media (max-width: 1299px) {
    .nav-menu .common-dropdown__link {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1199px) {
    .nav-menu .common-dropdown__link {
        font-size: 0.8125rem;
    }
}

.has-submenu {
    position: relative;
}

.has-submenu .nav-menu__link {
    padding-inline-end: 16px;
}

.has-submenu.active > a, .has-submenu.active > a::before {
    color: hsl(var(--main));
}

.has-submenu.active > a::before {
    transform: translateY(-50%) rotate(180deg) !important;
}

.has-submenu > a {
    position: relative;
}

.has-submenu > a::before {
    position: absolute;
    content: "\e136";
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(0, 0, 0/0.4);
    transition: 0.2s linear;
}

/* Submenu Start */
.common-dropdown {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 100%;
    width: max-content;
    background-color: hsl(var(--white));
    border-radius: 6px;
    min-width: 190px;
    overflow: hidden;
    padding: 8px;
    transition: 0.2s linear;
    z-index: 99;
}

@media (min-width: 992px) {
    .common-dropdown {
        max-height: 400px;
        overflow-y: auto;
    }
}

.common-dropdown--sm {
    width: 132px;
    min-width: unset;
}

.common-dropdown__item {
    display: block;
    border-radius: 4px;
    transition: 0.2s linear;
    position: relative;
}

@media screen and (max-width: 991px) {
    .common-dropdown__item {
        border-radius: 0;
    }
}

.common-dropdown__item.activePage .common-dropdown__link {
    color: hsl(var(--main)) !important;
}

.common-dropdown__link {
    color: var(--gray-400);
    font-weight: 500;
    width: 100%;
    padding-inline-end: 16px;
    width: 100%;
    padding: 8px 14px;
    border-radius: inherit;
}

.common-dropdown__link:hover {
    color: var(--gray-600) !important;
}

.common-dropdown__link::before {
    position: absolute;
}

/* Submenu End */
/* Header Menu and Submenu Css End */
/* Category Submenus Submenu Css Start */
.menu-category-wrapper {
    gap: clamp(0.75rem, -8.243rem + 12vw, 4.5rem);
}

.submenus-submenu-wrapper {
    overflow: unset;
}

.submenus-submenu {
    position: absolute;
    z-index: 9999;
    background: hsl(var(--white));
    width: 300px;
    inset-inline-start: 100%;
    inset-block-start: 0px;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    height: 100%;
}

.submenus-submenu__list li a {
    padding: 10px 16px;
    padding-inline-start: 32px;
    display: block;
    color: var(--gray-500);
    position: relative;
}

.submenus-submenu__list li a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    inset-inline-start: 16px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    background: var(--gray-300);
    border-radius: 80%;
    transition: 0.2s linear;
}

.submenus-submenu__list li a:hover {
    background-color: var(--gray-50);
    color: var(--gray-800);
    font-weight: 600;
}

.submenus-submenu__list li a:hover::before {
    background: var(--gray-600);
}

@media (min-width: 991px) {
    .has-submenus-submenu:hover > a {
        background-color: var(--gray-50);
        color: var(--gray-900) !important;
        font-weight: 600;
    }

    .has-submenus-submenu:hover .submenus-submenu {
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .category .category__button {
        padding: 12px 3px !important;
        font-size: 12px !important;
    }
}

@media screen and (max-width: 575px) {
    .category .category__button {
        padding-left: 10px !important;
    }
}

@media (min-width: 992px) {
    .category:hover .category__button {
        color: var(--main-600) !important;
        background-color: var(--gray-50) !important;
    }

    .category:hover .category__button .arrow-icon i::before {
        content: "\e13c";
    }
}
/* Style Two */
.category-two {
    position: relative;
}

@media (min-width: 992px) {
    .category-two {
        width: 310px;
    }
}

.category-two .category__button {
    width: 100%;
}

@media screen and (max-width: 575px) {
    .category-two .category__button {
        font-size: 12px;
        padding: 8px 12px !important;
    }
}

.category-two .category__button.active .arrow-icon i::before {
    content: "\e13a";
}

.responsive-dropdown.style-two {
    width: 100%;
    border-radius: 0 0 16px 16px;
    width: 310px;
    max-height: 620px;
}

.responsive-dropdown.style-two .responsive-dropdown__list {
    max-height: 620px;
}

@media screen and (max-width: 1199px) {
    .responsive-dropdown.style-two .responsive-dropdown__list {
        max-height: 438px;
    }
}

@media (min-width: 992px) {
    .responsive-dropdown.style-two {
        z-index: 1;
    }
}
/* Category Submenus Submenu Css End */
.header-border-0 .header {
    border-bottom: 0 !important;
}

.md-rounded-top {
    border-radius: 6px;
}

@media (min-width: 992px) {
    .md-rounded-top {
        border-radius: 6px 6px 0 0;
    }
}

.category-dropdown {
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    min-width: 420px;
}

@media (max-width: 424px) {
    .category-dropdown {
        min-width: 320px;
    }
}

.category-dropdown.active {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.category-button.active .icon {
    transform: rotate(180deg);
}

.header-style-two .header {
    padding-bottom: 12px;
    padding-top: 12px !important;
}

.header-style-two .category__button {
    border-radius: 8px;
    overflow: hidden;
}

.header-sticky-style .header.fixed-header {
    padding-bottom: 12px;
    padding-top: 12px !important;
}

.header-sticky-style .header.fixed-header .category__button {
    border-radius: 8px;
}

/* ================================= Header Css End =========================== */
/* =========================== header Middle Css Start =============================== */
.header-middle {
    padding: 30px 0;
}

.header-middle.style-two {
    padding: 24px 0;
}

@media screen and (max-width: 1399px) {
    .header-middle {
        padding: 24px 0;
    }
}

@media screen and (max-width: 1199px) {
    .header-middle {
        padding: 16px 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .header-middle {
        padding: 8px 0 !important;
    }
}

@media screen and (max-width: 1199px) {
    .header-middle .location-box {
        padding: 6px 8px !important;
    }
}

@media screen and (max-width: 767px) {
    .header-middle .location-box {
        padding-left: 14px !important;
    }
}

.form-location-wrapper {
    gap: clamp(0.5rem, -0.999rem + 2vw, 1rem);
}

/* Search Form Css Here */
@media screen and (max-width: 991px) {
    .search-form .select2-selection.select2-selection--single {
        border-radius: 50px !important;
        border-radius: 50px !important;
        background-color: hsl(var(--white)) !important;
        border: 1px solid var(--gray-100) !important;
    }
}

@media screen and (max-width: 991px) {
    .search-form__wrapper {
        display: none;
    }
}

.search-form__input {
    border-color: var(--gray-200) !important;
    width: 520px;
}

@media screen and (max-width: 1499px) {
    .search-form__input {
        width: 400px;
    }
}

@media screen and (max-width: 1399px) {
    .search-form__input {
        width: 300px;
    }
}

@media screen and (max-width: 1199px) {
    .search-form__input {
        width: 200px;
    }
}
/* Header Activities Css Start */
@media screen and (max-width: 1399px) {
    .header-two-activities {
        gap: 24px !important;
    }
}

@media screen and (max-width: 991px) {
    .header-two-activities {
        gap: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .header-two-activities {
        gap: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    .header-two-activities .item-hover-two > span {
        font-size: 18px !important;
        color: var(--neutral-600) !important;
    }
}
/* Header Activities Css End */
/* Header Activities Css start */
.search-category.style-two {
    background-color: hsl(var(--white));
    border-radius: 8px;
    overflow: hidden;
}

.search-category.style-two .select2-container--default .select2-selection--single {
    border-radius: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Header Activities Css End */
/* Category Dropdown Responsive Css Start */
@media screen and (max-width: 991px) {
    .responsive-dropdown {
        position: fixed;
        inset-inline-start: 0;
        inset-block-start: 0;
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        border-radius: 0;
        width: unset !important;
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        padding-top: 8px !important;
    }

    .responsive-dropdown.active {
        transform: translateX(0);
    }

    .responsive-dropdown ul {
        max-height: 100% !important;
    }

    .responsive-dropdown ul li.active > a {
        background: var(--gray-50);
        color: var(--gray-800) !important;
        font-weight: 600;
    }

    .responsive-dropdown ul li.active > a .icon {
        transform: rotate(90deg);
    }

    .responsive-dropdown ul li a {
        border-bottom: 1px solid var(--gray-100);
    }

    .responsive-dropdown .submenus-submenu {
        position: static;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        border-radius: 0;
        margin-left: 40px;
        width: unset;
        padding-top: 8px !important;
        display: none;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .responsive-dropdown .submenus-submenu__title {
        display: none;
    }

    .responsive-dropdown .submenus-submenu__list {
        max-height: unset !important;
    }

    .responsive-dropdown .submenus-submenu__list li a {
        padding-left: 16px;
    }

    .responsive-dropdown .submenus-submenu__list li a::before {
        inset-inline-start: 0;
    }
}

.responsive-dropdown__list li:last-child {
    border-bottom: 0 !important;
}

/* Category Dropdown Responsive Css End */
/* =========================== header Middle Css End =============================== */
/* Mobile Menu Sidebar Start */
.mobile-menu {
    position: fixed;
    background-color: hsl(var(--white));
    width: 300px;
    height: 100vh;
    overflow-y: auto;
    padding: 24px;
    z-index: 9999;
    transform: translateX(-100%);
    transition: 0.2s linear;
    padding-block-end: 68px;
}

.mobile-menu.active {
    transform: translateX(0%);
}

.close-button {
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 8px;
    width: 28px;
    height: 28px;
    background-color: var(--gray-200);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
}

.close-button:hover {
    background-color: hsl(var(--black));
    color: hsl(var(--white));
}

.nav-menu--mobile {
    display: block;
    margin-block-start: 16px;
}

.nav-menu--mobile .nav-menu__item > a::before {
    transform: translateY(-50%) rotate(0deg);
}

.nav-menu--mobile .nav-menu__link {
    border-bottom: 1px solid var(--gray-100) !important;
    position: relative;
    padding: 12px 0;
    padding-inline-end: 16px;
}

.nav-menu--mobile .nav-submenu {
    position: static;
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    width: 100%;
    margin-block-start: 0;
    padding: 0;
    margin-inline-start: 16px;
    display: none;
    transition: 0s;
}

.nav-menu--mobile .nav-submenu__link {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray-100) !important;
}

.nav-menu--mobile .nav-submenu__item:hover {
    background-color: transparent;
    color: hsl(var(--main));
}

.nav-menu--mobile .nav-submenu__item::before {
    display: none;
}

/* Mobile Menu Sidebar Start */
/* ============= Footer Start Here ======================= */
.footer {
    margin-block-start: auto;
}

/*.footer-item-wrapper {
    gap: clamp(2rem, 0.715rem + 1.714vw, 2.75rem);
}

.footer-item-two-wrapper {
    gap: clamp(2rem, -4.209rem + 8.286vw, 5.625rem);
}*/

.footer-item__logo {
    margin-block-end: 20px;
}

.footer-item__logo a img {
    width: 100%;
    height: 100%;
    max-width: 190px;
    max-height: 64px;
}

.body-bottom-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

/* ============= Footer End Here ======================= */
/* ===================== Scroll to Top Start ================================= */
.progress-wrap {
    position: fixed;
    inset-inline-end: 36px;
    inset-block-end: 36px;
    height: 46px;
    line-height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: transparent;
}

@media screen and (max-width: 991px) {
    .progress-wrap {
        inset-inline-end: 24px;
        inset-block-end: 24px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap:hover {
    transform: scale(1.06);
}

.progress-wrap::after {
    position: absolute;
    font-family: "Phosphor";
    font-weight: 900;
    content: "\e08e";
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 18px;
    inset-inline-start: 0;
    inset-block-start: 0;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    color: hsl(var(--main)) !important;
}

@media screen and (max-width: 991px) {
    .progress-wrap::after {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: hsl(var(--main));
    stroke-width: 5;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* ===================== Scroll to Top End ================================= */
.search-box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: hsl(var(--black));
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
    transform: scale(0.8);
    z-index: 9;
}

.search-box.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.border-half-start::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    inset-inline-start: 0;
    top: 50%;
    background: var(--neutral-40);
    transform: translateY(-50%);
}

/* ================= Slick Arrow & Dots css Start ================ */
.slick-initialized.slick-slider .slick-track {
    display: flex;
}

.slick-initialized.slick-slider .slick-slide {
    cursor: grab;
    height: auto;
    margin: 0 10px;
}

.slick-initialized.slick-slider .slick-slide > div {
    height: 100%;
}

.slick-initialized.slick-slider .slick-slide > div > div {
    height: 100%;
}

/* Slick Slider Arrow */
.slick-arrow {
    width: 48px;
    height: 48px;
}

.slick-arrow:active {
    transform: scale(1.02);
}

@media screen and (max-width: 991px) {
    .slick-arrow {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .slick-arrow {
        width: 32px;
        height: 32px;
    }
}
/* Arrow Style Two */
.arrow-center {
    position: relative;
}

.arrow-center .slick-arrow {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-start: 16px;
    z-index: 2;
}

.arrow-center .slick-arrow.slick-next {
    inset-inline-start: auto;
    inset-inline-end: 16px;
}

.slick-arrows-style-three .slick-arrow {
    visibility: hidden;
    opacity: 0;
}

.slick-arrows-style-three:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
}

/* Dots Css Start */
.slick-dots {
    text-align: center;
    position: absolute;
    inset-block-end: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
    line-height: 1;
}

.slick-dots li {
    display: inline-block;
    display: flex;
}

.slick-dots li button {
    border: none;
    background-color: #95a4bb42;
    color: hsl(var(--white));
    margin: 0 3px;
    width: 32px;
    height: 6px;
    border-radius: 1px;
    border-radius: 50px;
    text-indent: -9999px;
    transition: 0.3s linear;
}

.slick-dots li.slick-active button {
    background-color: hsl(var(--main-two));
}

/* Dots Css End */
/* ================= Slick Arrow & Dots css Start ================ */
/* ================== Section Heading Css Start ========================= */
.section-heading {
    margin-bottom: 40px;
}

@media screen and (max-width: 1199px) {
    .section-heading {
        margin-bottom: 24px;
    }
}

@media (min-width: 1200px) {
    .section-heading.writing-mode {
        writing-mode: vertical-lr;
        transform: rotate(180deg);
    }
}

@media (max-width: 1199px) {
    .section-heading.writing-mode {
        margin-bottom: 60px !important;
    }
}
/* ================== Section Heading Css End ========================= */
/* ============================== Banner Css Start ========================== */
.banner {
    margin-top: 32px;
}

@media screen and (max-width: 767px) {
    .banner {
        margin-bottom: 32px;
    }
}

.banner .slick-slider {
    position: unset;
}

.banner .slick-initialized.slick-slider .slick-slide {
    margin: 0;
}

.banner-item {
    position: relative;
    padding-block-start: 80px;
    padding-block-end: 140px;
    padding-inline-start: clamp(1rem, -11.87rem + 20.758vw, 8.875rem);
    padding-inline-end: clamp(1rem, -5.129rem + 9.885vw, 4.75rem);
    -webkit-mask-image: url(../images/bg/banner-bg2.png);
    mask-image: url(../images/bg/banner-bg2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #E9FFFF;
    mask-position: top;
    mask-size: 100% 100%;
    gap: clamp(1.5rem, -2.151rem + 7.607vw, 4.5rem);
}

@media screen and (max-width: 767px) {
    .banner-item {
        mask-image: none;
        overflow: unset !important;
    }
}

.banner-item__content {
    max-width: 852px;
}

@media screen and (max-width: 1499px) {
    .banner-item__content {
        max-width: 750px;
    }
}

@media screen and (max-width: 575px) {
    .banner-item__thumb img {
        max-width: 350px;
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .banner-slider__inner {
        flex-wrap: wrap;
    }
}

.scroll-down {
    width: 94px;
    height: 94px;
    position: relative;
    margin-bottom: 24px;
    z-index: 2;
}

@media screen and (max-width: 1399px) {
    .scroll-down {
        width: 74px;
        height: 74px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .scroll-down {
        margin-bottom: -36px;
    }
}

.scroll-down::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 32px;
    border: 2px dashed hsl(var(--white)/0.4);
    top: 16px;
    animation: upDown 2s linear infinite;
}

@media screen and (max-width: 1399px) {
    .scroll-down::before {
        top: 8px;
    }
}

.scroll-down .icon {
    animation: upDown 2s linear infinite;
    font-size: 1.75rem;
    margin-top: 16px;
}

@keyframes upDown {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(10px);
    }
}
/* Slider Animation Css Start */
.animate-left-right {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    transition: 0.4s linear;
}

.slick-current .animate-left-right {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.animate-scale {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: 0.4s linear;
}

.slick-current .animate-scale {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.animation-delay-08 {
    transition-delay: 800ms;
}

.animation-delay-1 {
    transition-delay: 1000ms;
}

.animation-delay-12 {
    transition-delay: 1200ms;
}

.animation-delay-15 {
    transition-delay: 1500ms;
}

/* Slider Animation Css End */
/* ============================== Banner Css End ========================== */
/* ============================ Feature Section Css start =============================== */
.feature {
    margin-top: 32px;
}

.feature .arrow-center:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
    margin-left: -28px;
}

.feature .arrow-center:hover .slick-arrow.slick-next {
    margin-right: -20px;
}

.feature .arrow-center .slick-arrow {
    transform: translateY(0);
    margin-left: -40px;
    border: 1px solid var(--gray-100);
    visibility: hidden;
    opacity: 0;
    top: 54px;
}

.feature .arrow-center .slick-arrow.slick-next {
    margin-right: -30px;
}

.feature.feature-three .arrow-center .slick-arrow {
    top: 110px;
}

.feature-item-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 16px;
}

.feature-item-wrapper .feature-item:nth-child(10n+1) .feature-item__thumb {
    background: #E8F9E9;
}

.feature-item-wrapper .feature-item:nth-child(10n+2) .feature-item__thumb {
    background: #FCEDED;
}

.feature-item-wrapper .feature-item:nth-child(10n+3) .feature-item__thumb {
    background: #F6EBF3;
}

.feature-item-wrapper .feature-item:nth-child(10n+4) .feature-item__thumb {
    background: #FCF2E7;
}

.feature-item-wrapper .feature-item:nth-child(10n+5) .feature-item__thumb {
    background: #F5FBE3;
}

.feature-item-wrapper .feature-item:nth-child(10n+6) .feature-item__thumb {
    background: #E3FBE9;
}

.feature-item-wrapper .feature-item:nth-child(10n+7) .feature-item__thumb {
    background: #E9E3FB;
}

.feature-item-wrapper .feature-item:nth-child(10n+8) .feature-item__thumb {
    background: #ECF8F2;
}

.feature-item-wrapper .feature-item:nth-child(10n+9) .feature-item__thumb {
    background: #F8F5E5;
}

.feature-item-wrapper .feature-item:nth-child(10n+10) .feature-item__thumb {
    background: #F0F8E5;
}

.feature-item-wrapper .feature-item:nth-child(10n+11) .feature-item__thumb {
    background: #ddd;
}

.feature-item__thumb {
    max-width: 153px;
    max-height: 153px;
    background-color: var(--main-50);
    aspect-ratio: 1;
    margin: 0 auto;
    overflow: hidden;
}

.feature-item__thumb img {
    transition: 0.2s linear;
}

.feature-item:hover .feature-item__thumb img {
    transform: scale(1.2);
}

.featured-products .product-card, .popular-products .product-card {
    flex-direction: row;
    align-items: unset;
}

.popular-products .product-card__thumb {
    width: 120px !important;
}

/* ============================ Feature Section Css End =============================== */
/* ======================== promotional banner Css Start ============================== */
@media screen and (max-width: 1399px) {
    .promotional-banner-item__title {
        font-size: 1.5rem !important;
    }
}
/* ======================== promotional banner Css End ============================== */
/* ========================= flash sales Start ================================ */
.flash-sales-item {
    padding: 40px 32px;
}

/* ========================= flash sales End ================================ */
/* ============================= Product Card Css Start ========================== */
.product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.product-card:hover .product-card__thumb img {
    transform: scale(1.2);
}

@media screen and (max-width: 1499px) {
    .product-card__cart {
        font-size: 12px;
        padding: 9px 12px !important;
    }
}

.product-card__badge {
    border-radius: 16px 0 16px 0;
}

.product-card__thumb {
    height: 232px;
    width: 100%;
    transition: 0s !important;
    overflow: hidden;
}

.product-card__thumb img {
    max-width: 160px;
    width: 100%;
    transition: 0.2s linear;
}

.product-card.style-two {
    flex-direction: row;
}

.product-card.style-two .product-card__thumb {
    width: 260px;
    height: 190px;
}

@media screen and (max-width: 991px) {
    .product-card.style-two .product-card__thumb {
        width: 190px;
    }
}

@media screen and (max-width: 575px) {
    .product-card.style-two .product-card__thumb {
        width: 124px;
    }
}

@media screen and (max-width: 1199px) {
    .product-card__thumb {
        min-height: 160px;
    }

    .product-card__thumb img {
        max-width: 120px;
    }

    .product-card__content .product-card__price span {
        font-size: 0.75rem !important;
    }

    .product-card__content .title .link {
        font-size: 0.875rem;
    }

    .product-card__content .text-xs {
        font-size: 0.625rem !important;
    }
}

.wishlist-btn-two {
    width: 48px;
    height: 48px;
    border: 1px solid var(--neutral-200);
    color: hsl(0, 0, 0);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: 0.15s linear;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 16px;
    transform: scale(0.3);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.wishlist-btn-two:hover {
    border-color: var(--main-600);
    color: var(--main-600);
}

.wishlist-btn-two.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    border-color: var(--main-600);
    background-color: var(--main-600);
    color: #fff;
}

.wishlist-btn-two.active:hover {
    background-color: var(--main-700);
}

.group-item:hover .wishlist-btn-two {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

/* ============================= Product Card Css End ========================== */
/* ======================= Offer Css Start =========================== */
@media screen and (max-width: 1499px) {
    .offer-card__thumb img {
        max-width: 246px;
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .offer-card__thumb img {
        max-width: 163px;
    }
}
/* ======================= Offer Css End =========================== */
/* ===================================== Vendor Css Start ================================== */
.vendor-card {
    background-color: var(--main-100);
    -webkit-mask-image: url(../images/shape/box-shape2.png);
    mask-image: url(../images/shape/box-shape2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #F4F6E6;
    mask-position: top;
    mask-size: 100% 100%;
}

.vendor-card.style-two {
    -webkit-mask-image: url(../images/shape/box-shape3.png);
    mask-image: url(../images/shape/box-shape3.png);
}

.vendor-card__logo {
    max-width: 66px;
}

.vendor-card__item {
    max-width: 64px;
    max-height: 64px;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
}

.vendor-card .vendor-card__list.style-two .vendor-card__item {
    max-width: 88px;
    max-height: 88px;
    border-radius: 8px !important;
}

.vendor-card .vendor-card__list.style-two .slick-slide {
    margin: 0 4px !important;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+1) .vendor-card {
    background: #F4F6E6;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+2) .vendor-card {
    background: #E6F6F6;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+3) .vendor-card {
    background: #F6E6F6;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+4) .vendor-card {
    background: #F8EAE4;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+5) .vendor-card {
    background: #F8EAE4;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+6) .vendor-card {
    background: #DEE6F3;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+7) .vendor-card {
    background: #DAF2DB;
}

.vendor-card-wrapper div[class*=col]:nth-child(8n+8) .vendor-card {
    background: #EBF1DA;
}

/* ===================================== Vendor Css End ================================== */
@media (min-width: 768px) {
    .delivery-section {
        margin-bottom: 28px;
    }
}

.delivery__man {
    margin-bottom: -56px;
}

/* ================================== short product Css Start ================================== */
.underlined-line::before, .underlined-line::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: hsl(var(--white));
}

.underlined-line::after {
    width: 50%;
    background-color: var(--main-600);
}

.short-product-list.arrow-style-two .slick-arrow {
    inset-inline-end: 16px;
    inset-block-end: calc(100% + 52px);
}

.short-product-list.arrow-style-two .slick-prev {
    inset-inline-end: 50px;
}

.short-product-list {
    max-height: 400px;
    overflow: hidden;
}

.short-product-list .slick-slide {
    margin: 0 !important;
}

/* ================================== short product Css End ================================== */
/* ========================= Brand Css Start ======================== */
.brand-item img {
    max-width: 152px !important;
}

@media screen and (max-width: 1399px) {
    .brand-item img {
        max-width: 132px !important;
    }
}

@media screen and (max-width: 991px) {
    .brand-item img {
        max-width: 86px !important;
    }
}
/* ========================= Brand Css End ======================== */
/* Shipping Css Start */
.shipping-item {
    padding: clamp(1.5rem, 0.891rem + 1.268vw, 2rem) clamp(1.5rem, -3.746rem + 6vw, 3.375rem);
}

/* Shipping Css End */
/* ======================= Newsletter Css Start =========================== */
.newsletter-box {
    background-color: #121535;
    padding: 32px clamp(1.5rem, -8.492rem + 13.333vw, 4rem);
}

@media screen and (max-width: 991px) {
    .newsletter-two__form {
        width: 100% !important;
    }
}
/* ======================= Newsletter Css End =========================== */
/* Home Two Css Start */
.color-two:root {
    --main-h: 224;
    --main-s: 71%;
    --main-l: 49%;
}

.font-exo h1,
.font-exo h2,
.font-exo h3,
.font-exo h4,
.font-exo h5,
.font-exo h6 {
    font-family: var(--heading-font-two);
}

.font-exo h1, .font-exo .h1, .font-exo h2, .font-exo .h2, .font-exo h3, .font-exo .h3, .font-exo h4, .font-exo .h4, .font-exo h5, .font-exo .h5, .font-exo h6, .font-exo .h6 {
    font-family: var(--heading-font-two);
}

.font-outfit h1,
.font-outfit h2,
.font-outfit h3,
.font-outfit h4,
.font-outfit h5,
.font-outfit h6 {
    font-family: var(--heading-font-three);
}

.font-outfit h1, .font-outfit .h1, .font-outfit h2, .font-outfit .h2, .font-outfit h3, .font-outfit .h3, .font-outfit h4, .font-outfit .h4, .font-outfit h5, .font-outfit .h5, .font-outfit h6, .font-outfit .h6 {
    font-family: var(--heading-font-three);
}

/* Home Two Css End */
/* ================================= Banner Two Css Start ================================= */
.banner-item-two {
    padding: 186px clamp(2rem, -10.739rem + 17vw, 6.25rem) 186px;
    position: relative;
}

@media screen and (max-width: 1199px) {
    .banner-item-two {
        padding: 86px clamp(2rem, -10.739rem + 17vw, 6.25rem) 86px;
    }
}

@media screen and (max-width: 991px) {
    .banner-item-two {
        padding: 60px clamp(2rem, -10.739rem + 17vw, 6.25rem) 60px;
    }
}

@media screen and (max-width: 767px) {
    .banner-item-two {
        padding: 40px clamp(2rem, -10.739rem + 17vw, 6.25rem) 40px;
    }
}

.banner-item-two-wrapper {
    margin: 32px;
    margin-inline-end: 0;
}

@media screen and (max-width: 991px) {
    .banner-item-two-wrapper {
        margin-inline-start: 0;
        margin-top: 10px;
    }
    .banner-two .slick-dots li button{display: none;}
}

.banner-item-two__content {
    max-width: 504px;
}

@media screen and (max-width: 991px) {
    .banner-item-two__content {
        max-width: 362px;
    }
}

@media screen and (max-width: 575px) {
    .banner-item-two__content {
        max-width: 320px;
    }
}

@media screen and (max-width: 575px) {
    .banner-item-two__title {
        font-size: 1.5rem;
    }
}
/* ================================= Banner Two Css End ================================= */
/* Week Deals Start  */
.deal-week-box__content {
    padding: clamp(1.5rem, -1.239rem + 5.705vw, 3.75rem) 0;
}

/* Week Deals End  */
/* ============================ trending products css Start =========================== */
.trending-products-three .product-card__thumb {
    height: 330px;
}

.trending-products-box {
    background-color: #F3EDDE;
}

.trending-products-box__title {
    max-width: 444px;
    margin: 0 auto;
}

.expand-btn {
    color: var(--neutral-600);
}

.expand-icons {
    display: none;
    flex-direction: column;
}

/* ============================ trending products css End =========================== */
/* =============================== Discount css Start ============================ */
.discount-item {
    padding: clamp(1.5rem, -2.996rem + 6vw, 3rem);
}

.discount-item__content {
    max-width: 320px;
}

.discount-three-item {
    padding: clamp(2rem, -5.911rem + 16.482vw, 8.5rem) clamp(1.5rem, -0.934rem + 5.071vw, 3.5rem);
}

.copied i::before {
    content: "\e1cc" !important;
}

/* =============================== Discount css End ============================ */
/* ====================== Popular Products Start ==================== */
@media screen and (max-width: 767px) {
    .popular-products .product-card {
        flex-direction: column;
    }
}
/* ====================== Popular Products End ==================== */
/*  */
.day-sale-box__content {
    max-width: 500px;
}

/*  */
/* ========================== Top Brand Section Start ================================ */
.top-brand__item {
    max-height: 84px;
    max-width: 160px;
    width: 100%;
    aspect-ratio: 1;
}

/* ========================== Top Brand Section End ================================ */
/* ================================ Featured Products Css Start ============================ */
@media screen and (max-width: 424px) {
    .featured-products .product-card {
        flex-direction: column;
    }
}
/* ================================ Featured Products Css End ============================ */
/* ============================= Banner Three Css Start ================================= */
.banner-three {
    background-color: var(--neutral-600);
    padding: 80px 0;
}

@media (width: 991px) {
    .banner-three {
        padding: 60px 0;
    }
}

.animation {
    position: absolute;
    max-width: 10%;
}

.star-shape {
    bottom: 4%;
    inset-inline-start: 5%;
    opacity: 0.3;
}

.star-shape.style-two {
    inset-inline-start: auto;
    bottom: auto;
    top: 10%;
    inset-inline-end: 8%;
}

.line-shape {
    top: 14%;
    left: 58%;
}

.animation-rotate {
    animation: rotation 6s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* ============================= Banner Three Css End ================================= */
/* ============================== Promotional Banner Three Start ==========================  */
.promo-three-item {
    padding: clamp(2rem, -4.542rem + 13.629vw, 7.375rem) clamp(1.5rem, -1.543rem + 6.339vw, 4rem);
}

/* ============================== Promotional Banner Three End ==========================  */
.js-marquee {
    display: flex;
    gap: 32px;
}

/* ============================== Deals Section Css Start ========================== */
.deals__img {
    transform: translateY(12px);
}

.products-group__list {
    position: absolute;
    left: 35%;
    bottom: 30%;
    z-index: 1;
}

.products-group__list:nth-child(2) {
    bottom: 48%;
    left: 65%;
}

.products-group__list:nth-child(3) {
    bottom: 56%;
    left: 80%;
}

.products-group__list:hover .products-group__card {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}

.products-group__card {
    transform: translateX(-68%) rotate(-10deg);
    margin-bottom: -32px;
    visibility: hidden;
    opacity: 0;
}

/* ============================== Deals Section Css End ========================== */
/* ================================= Testimonials Section Css Start ==================================== */
@media (min-width: 768px) {
    .testimonials-item__desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 768px) {
    .testimonials-slider {
        position: absolute;
        top: 0;
        left: 25.5%;
    }
}

@media (max-width: 1299px) {
    .testimonials-slider {
        left: 34%;
    }
}

@media (max-width: 767px) {
    .testimonials-slider {
        left: 0;
    }
}

.testimonials-thumbs {
    overflow: hidden;
}

.testimonials-thumbs__img {
    max-height: 350px;
    height: 100%;
    width: 100%;
    transition: 0.6s linear;
    position: relative;
}

.testimonials-thumbs__img img {
    object-position: top;
}

.testimonials-thumbs__img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(2deg, #000000e8, transparent);
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
}

.testimonials-thumbs:hover .testimonials-thumbs__img::before, .testimonials-thumbs:hover .testimonials-thumbs__content {
    visibility: visible !important;
    opacity: 1 !important;
}

.testimonials .slick-slider .slick-track {
    display: flex;
    align-items: end;
}

.testimonials .slick-slide.slick-active.slick-current .testimonials-thumbs {
    overflow: unset !important;
}

.testimonials .slick-slide.slick-active.slick-current .testimonials-thumbs__img {
    object-fit: cover;
    max-height: 100%;
}

.testimonials-thumbs-slider .slick-slide {
    height: 630px !important;
}

@media (min-width: 768px) {
    .testimonials-slider .slick-slide {
        height: 630px !important;
    }
}
/* ================================= Testimonials Section Css End ==================================== */
/* ============================ Product Details Css Start ============================= */
.product-details__thumb-slider {
    padding: clamp(3rem, -2.173rem + 10.777vw, 7.25rem);
}

.product-details .slick-initialized.slick-slider .slick-slide > div > div {
    height: 100%;
}

.product-dContent__box, .product-dContent__header {
    padding: 16px 40px;
}

.product-dContent__box {
    padding-top: 48px;
    padding-bottom: 48px;
}

/* ============================ Product Details Css End ============================= */
/* ================================ Shop Page css Start =============================== */
@media (max-width: 479px) {
    .list-grid-btns {
        display: none;
    }
}

.list-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 24px;
}

@media (min-width: 480px) {
    .list-view {
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    }

    .list-view .product-card {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .list-view .product-card__thumb {
        max-width: 200px;
        height: 100% !important;
        overflow: hidden;
    }

    .list-view .product-card__content {
        margin-top: 0 !important;
        margin-left: 20px;
        flex-grow: 1;
    }
}

@media (max-width: 1199px) {
    .shop-sidebar__box {
        padding: 16px !important;
    }
}

@media (max-width: 991px) {
    .shop-sidebar {
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: #fff;
        z-index: 11;
        left: 0;
        border-radius: 0 !important;
        overflow-y: auto;
        width: 300px;
        border-right: 1px solid var(--gray-100);
        transform: translateX(-100%);
        transition: 0.2s linear;
    }

    .shop-sidebar.active {
        transform: translateX(0);
    }

    .shop-sidebar__box {
        border-radius: 0 !important;
        border: 0 !important;
    }
}
/* ================================ Shop Page css End =============================== */
/* ========================== Cart Page Css Start ============================ */
.table-product__thumb {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
}

.table-product__thumb img {
    max-width: 75px;
}

/* ========================== Cart Page Css End ============================ */
/* ======================= Checkout Css Start ============================= */
.payment-item__content {
    display: none;
}

.payment-item__content::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 14px;
    background-color: var(--main-50);
    left: 32px;
    bottom: calc(100% - 1px);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* ======================= Checkout Css End ============================= */
/* ========================= Blog Css Start ============================= */
.blog-item {
    margin-bottom: 48px;
}

.blog-item:last-child {
    margin-bottom: 0;
}

/* ========================= Blog Css End ============================= */
.line-wrapper > div {
    position: relative;
}

.line-wrapper > div:last-child::before {
    display: none;
}

.line-wrapper > div::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: hsl(var(--white)/0.1);
}

@media (max-width: 991px) {
    .line-wrapper > div::before {
        display: none;
    }
}
/* ======================== Vendors Two Page css Start ============================= */
.grid-cols-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 24px;
}

@media screen and (max-width: 1199px) {
    .grid-cols-3 {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media screen and (max-width: 575px) {
    .grid-cols-3 {
        grid-template-columns: 1fr !important;
    }
}

.grid-cols-3.list-view {
    grid-template-columns: 1fr 1fr !important;
}

@media screen and (max-width: 1399px) {
    .grid-cols-3.list-view {
        grid-template-columns: 1fr !important;
    }
}

.grid-cols-3-repeat {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.list-view .vendors-two-item {
    display: flex;
}

/* ======================== Vendors Two Page css End ============================= */
/* ============================== Vendor Two Details Css Start =============================== */
.grid-cols-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 24px;
}

@media screen and (max-width: 1399px) {
    .grid-cols-4 {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

@media screen and (max-width: 1199px) {
    .grid-cols-4 {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media screen and (max-width: 575px) {
    .grid-cols-4 {
        grid-template-columns: 1fr !important;
    }
}

.grid-cols-4.list-view {
    grid-template-columns: 1fr 1fr !important;
}

@media screen and (max-width: 1399px) {
    .grid-cols-4.list-view {
        grid-template-columns: 1fr !important;
    }
}

.vendor-two-details .shop-sidebar {
    width: 332px;
}

.vendor-two-details__contents {
    flex-grow: 1;
    width: calc(100% - 356px);
}
.product-desc table{
    width: 100%;
}

.product-desc table {
    --vz-table-color-type: initial;
    --vz-table-bg-type: initial;
    --vz-table-color-state: initial;
    --vz-table-bg-state: initial;
    --vz-table-color: #212529;
    --vz-table-bg: transparent;
    --vz-table-border-color: #e9ebec;
    --vz-table-accent-bg: transparent;
    --vz-table-striped-color: #212529;
    --vz-table-striped-bg: rgba(33, 37, 41, 0.04);
    --vz-table-active-color: #212529;
    --vz-table-active-bg: rgba(33, 37, 41, 0.06);
    --vz-table-hover-color: #212529;
    --vz-table-hover-bg: rgba(33, 37, 41, 0.06);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: #e9ebec;
    color: var(--neutral);
}

.product-desc table>tbody {
    vertical-align: inherit;
}



.product-desc table>:not(caption)>*>* {
    padding: .75rem .6rem;
    color: #212529;
    background-color: #00000000;
    border-bottom-width: 1px;
    -webkit-box-shadow: inset 0 0 0 9999px var(--vz-table-bg-state, var(--vz-table-bg-type, var(--vz-table-accent-bg)));
    box-shadow: inset 0 0 0 9999px var(--vz-table-bg-state, var(--vz-table-bg-type, var(--vz-table-accent-bg)));
}

.product-desc table>:not(caption)>*>* {
    color: var(--vz-table-color-state), var(--vz-table-color-type, var(--vz-table-color));
}

.product-desc table>tbody>tr:nth-of-type(odd)>* {
    --vz-table-color-type: var(--vz-table-striped-color);
    --vz-table-bg-type: var(--vz-table-striped-bg);
}

.product-desc table tbody tr td{
    padding: clamp(.5rem, -0.065rem + 2.219vw, .2rem) 0!important;
}

.product-desc table tbody tr td.ptc{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-desc table tr th:first-child, .product-desc table tr td:first-child {
    font-weight: 600;
}

.compatible-navs{display:block;margin-bottom:15px;}
.compatible-navs .navs-list{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:15px;}
.compatible-navs .navs-list::-webkit-scrollbar{height:3px;}
.compatible-navs .navs-list::-webkit-scrollbar-track{background:#f1f1f1;}
.compatible-navs .navs-list::-webkit-scrollbar-thumb{background:#d2d2d2;}
.compatible-navs .navs-list .item{display:inline-block;margin:0;margin-right:7px;width:auto;}
.compatible-navs .navs-list .item .uyumluSelectButtons{text-align:center;padding:10px 25px;border:1px solid #eee;border-radius:5px;cursor:pointer;transition:.3s; background: #fff}
.compatible-navs .navs-list .item .uyumluSelectButtons.active{background-color:#f7f7f7;}
.compatible-navs .navs-list .item .uyumluSelectButtons>img{height:29px;width:inherit;max-width:inherit;margin:0 auto;}
.compatible-navs .navs-list .item .uyumluSelectButtons>h4{font-size:14px;margin-top:10px;line-height: normal; display:block;}
.compatible-navs .navs-list .item .uyumluSelectButtons>h4 span{font-size: 12px}
@media only screen and (min-width:991px){
.compatible-navs .navs-list .item .uyumluSelectButtons:hover{background-color:#f3f3f3;}
}
@media only screen and (max-width:991px){
.compatible-navs .navs-list{padding:0;}
.compatible-navs .navs-list::-webkit-scrollbar{width:0;height:0;}
.compatible-navs .navs-list .item .uyumluSelectButtons>h4{font-size:12px;}
}



.modelContainer{margin-bottom:15px;}
.modelContainer>.modelLine{padding:15px;border:1px solid #eee;border-radius:6px;transition:.3s;cursor:pointer;}
.modelContainer>.modelLine>.item{display:flex;align-items:center;width:100%;padding-right:50px;position:relative;}
.modelContainer>.modelLine>.item p{font-size:14px;}
.modelContainer>.modelLine>.item svg{position:absolute;right:0;top:50%;transform:translateY(-50%);width:18px;}
.modelContainer>.allLines{border-radius:10px;margin-top:10px;position:relative;display:none;}
.modelContainer>.allLines>.line{display:flex;align-items:center;position:relative;border-radius:6px;padding:14px 60px 14px 20px;margin-bottom:12px;border:1px solid #e9e9e9;background-color:#fff;transition:.3s;}
.modelContainer>.allLines>.line>.item{flex:1;}
.modelContainer>.allLines>.line>.item:first-child{position:absolute;right:13px;top:50%;transform:translateY(-50%);}
.modelContainer>.allLines>.line>.item>span{display:block;padding:8px 12px;cursor: pointer; background-color:#eee;border-radius:50%;transition:.3s;}
.modelContainer>.allLines>.line>.item>span>i{font-weight:300;}
.modelContainer>.allLines>.line>.item>p{font-size:12px;color:#000;font-weight:600;}
.modelContainer>.allLines>.line>.item>p:first-child{font-size:12px;font-weight:600;color:#b9b9b9;margin-bottom:4px;}
@media only screen and (max-width:991px){
.modelContainer>.allLines>.line{grid-gap:3px;width:100%;overflow-x:auto;padding-right:20px;padding-left:0;padding-right:0;overflow-y:hidden;padding-left:15px;}
.modelContainer>.allLines>.line::-webkit-scrollbar{width:0;height:1px;}
.modelContainer>.allLines>.line>.item{flex:none;margin-right:13px;}
.modelContainer>.allLines>.line>.item:first-child{position:inherit;right:initial;top:initial;transform:initial;}
.modelContainer>.modelLine>.item p{font-size:12px;}
}

.modelContainer.active>.allLines {
    display: block;
}



.site-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#00000082;overflow-x:hidden;overflow-y:auto;padding:0 15px;}
.site-modal .modal-overlay{position:fixed;left:0;right:0;top:0;bottom:0;}
.site-modal.dom-modal{display:none;}
.site-modal .modal-container{position:relative;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (1.75rem * 2));max-width:400px;pointer-events:none;margin:1.75rem auto;width:100%;}
.site-modal .modal-container.modal-m{max-width:600px;}
.site-modal .modal-container .modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;outline:0;border:1px solid #dcdcdc;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000026;}
.site-modal .modal-container .modal-content .modal-head{display:flex;margin-bottom:20px;align-items:center;}
.site-modal .modal-container .modal-content .modal-head .modal-close{position:absolute;right:20px;font-size:19px;width:35px;height:35px;border-radius:50%;background-color:#eee;text-align:center;line-height:35px;cursor:pointer;transition:.3s;font-weight:400;}
.site-modal .modal-container .modal-content .modal-head .modal-close:hover{color:#1789cc;}
.site-modal .modal-container .modal-content .modal-head .modal-title{flex:auto;font-size:16px;font-weight:600;}
.site-modal .modal-container .modal-content .modal-body p{font-size:13px;margin-bottom:10px;line-height:17px;}
@media only screen and (max-width:991px){
.site-modal .modal-container .modal-content .modal-head .modal-title{font-size:15px;}
}
@media only screen and (max-width:375px){
.site-modal .modal-container .modal-content .modal-head .modal-close{font-size:15px;width:30px;height:30px;line-height:30px;}
.site-modal .modal-container .modal-content .modal-head .modal-title{font-size:13px;}
}
.site-modal .modal-container .modal-content .modal-body .uyumlu-car-detail>.item{display:flex;align-items:center;width:100%;padding:7px 0;}
.site-modal .modal-container .modal-content .modal-body .uyumlu-car-detail>.item>p{margin:0;flex:auto;}
.site-modal .modal-container .modal-content .modal-body .uyumlu-car-detail>.item>p:first-child{flex:none;width:160px;display:flex;animation:lcen;justify-content:space-between;padding-right:15px;}
.site-modal .modal-container .modal-content .modal-body .uyumlu-car-detail>.item>p:first-child::after{content:":";}


.product-desc .detail-ops{font-size:12px;color:#b3b3b3;margin-top:25px;padding-left:28px;position:relative;padding-top:3px;}
.product-desc .detail-ops::before{content:"\f05a";font-family:"Font Awesome 6 Pro";position:absolute;left:5px;top:0;font-size:16px;font-weight:300;}
.product-desc .detail-ops a{color:#8f8f8f;font-weight:600;margin:0 3px;font-size:11px;}

.product-desc .detail-ops2{font-size:12px;color:#b3b3b3;margin-top:25px;padding-left:28px;position:relative;padding-top:3px;}
.product-desc .detail-ops2::before{content:"\f0d1";font-family:"Font Awesome 6 Pro";position:absolute;left:5px;top:0;font-size:16px;font-weight:300;}

.product-desc .detail-ops3{font-size:12px;color:#b3b3b3;margin-top:25px;padding-left:28px;position:relative;padding-top:3px;}
.product-desc .detail-ops3::before{content:"\e0c4";font-family:"Font Awesome 6 Pro";position:absolute;left:5px;top:0;font-size:16px;font-weight:300;}

.oems{font-size:13px;line-height:27px;}
.oems span{font-size:12px;padding:2px 6px;background:#f0f0f0;border-radius:5px;font-weight:600;color:#000;margin:10px 4px 0;}





.input{margin:0 0 5px;}
.input input{width:100%;height:40px;background:var(--main-600);border-color:var(--main-600);color:#FFFFFF;font:600 13px/32px "Open Sans", sans-serif;border-radius:4px;padding:0 10px;border:0;}
.input input::placeholder{color:#FFFFFF;}
.input input.general-input-color{background:#FFF!important;border:2px solid var(--main-600)!important;color:var(--main-600)!important;font-weight:bold;}
.input input.general-input-color::placeholder{color:var(--main-600)!important;font-weight:bold;}
.selectbox{margin:0 0 5px;}
.search-form .buttons .btn{font-size: 14px}
.selectbox li.search{background:#fff;padding:5px 10px;}
.selectbox li.search input{background:#F4F4F4;padding:4px 10px;border:1px solid var(--main-600);width:100%;height:32px;font:600 13px/24px "Open Sans", sans-serif;color:#000;}
.selectbox .dropdown-menu{max-height:558px;min-width:250px;overflow-y:auto!important;left:375px!important;top:-35px!important;border:4px solid var(--main-600);border-radius:0;padding:0;}
.index .selectbox .dropdown-menu{left: 310px !important; right: 0px !important; min-height: 380px !important;}
.selectbox .dropdown-menu > li{border-bottom:1px solid #CCC;}
.selectbox .dropdown-menu.motors-dropdown{max-width:1200px;min-width:300px;padding-top:0;}
.selectbox .dropdown-menu > li:nth-child(even){background:#F2F2F2;}
@media (max-width: 991px){
  .selectbox .dropdown-menu{
    left: 20px !important;
    right: 20px !important;
    top: 0px!important;
    max-height: 480px;
  }
}

.selectbox .btn-select.btn:first-child:active{
    background: var(--main-600);
    border-color: var(--main-600);
}
.selectbox .btn-select{width:100%;height:43px;text-align:left;background:var(--main-600);border-color:var(--main-600);color:#FFFFFF;font:600 13px/31px "Open Sans", sans-serif;padding:0 10px;position:relative;display:flex;justify-content:space-between;align-items:center;}
.selectbox .btn-select span.caret{position:absolute;right:15px;top:16px;color:#FFFFFF;}
.selectbox .dropdown.marked .btn-select{background:var(--main-color);border:2px solid var(--main-color);color:#f0f0f0;}
.selectbox .dropdown.marked .btn-select span.caret{color:#FFF;}
.selectbox li.model-name{color:#FFF;padding:0 10px;margin:5px 0 0;}
.selectbox li.model-name span{background:var(--main-600);font:600 15px/20px;padding:5px;color:#FFF;border-radius:0;display:block;}
.selectbox label.model-label{display:flex;align-items:center;padding:4px 10px;margin:0;cursor:pointer;position:relative;font-weight:600;}
.selectbox label.model-label input{display:none;}
.selectbox label.model-label input:checked + .check i{color:#333;}
.selectbox label.model-label h2{font:600 12px/17px "Open Sans", sans-serif;margin:0;}
.selectbox label.model-label .check{width:14px;height:14px;border:1px solid var(--main-600);margin-right:5px;display:flex;align-items:center;justify-content:center;}
.selectbox label.model-label .check i{color:transparent;}
.selectbox label.model-label:hover{background:#f9a4a4;color:#000;}
.selectbox label.model-label:hover .check{border-color:#161616;}
table.motor-dropdown-table tr > td{vertical-align:top;}
table.motor-dropdown-table tr > td ul{border-left:1px solid #000;max-height:528px;min-height:528px;overflow-y:scroll;padding:0;margin:0;list-style:none;width:350px;}
.check-all-li{font-size:12px;}
table.motor-dropdown-table label.model-label{border-bottom:1px solid #DDD;}
table.motor-dropdown-table label.model-label td{font-size:12px;}
.dropdown-menu.motors-dropdown{overflow-y:auto!important;}
.categories-select .dropdown-menu{min-width:400px;}
li.check-all{font-weight:bold;color:#000;}
li.check-all h2{font-weight:900!important;}
.inner-list li:nth-child(even){background:#f2f2f2;}
@media only screen and (min-device-width: 481px) and (max-device-width: 1478px) and (orientation: landscape){
.selectbox .btn-select{font-size:12px;}
.input input{font-size:12px;}
.selectbox .dropdown-menu{left:226px!important;}
}


.customer-groups{background:var(--main-two-600);border-radius:5px;margin:10px 0;}
.customer-groups label.group{flex:1;display:flex;align-items:center;text-align:left;font:600 14px/30px "Open Sans", sans-serif;margin:0;height:32px;padding:10px 10px 10px 30px;position:relative;border-bottom:2px solid #FFF;}
.customer-groups label.group input{display:none;}
.customer-groups label.group input:checked + .check{background:#417646;border-color:#417646;left:0;top:0;width:100%;height:100%;border-radius:2px;}
.customer-groups label.group input:checked + .check i{display:block;}
.customer-groups label.group .check{border:1px solid #DDD;background:#FFF;width:10px;height:10px;margin-right:5px;position:absolute;left:10px;top:10px;}
.customer-groups label.group .check i{position:absolute;left:8px;top:8px;display:none;font-size:12px;color:#FFF;}
.customer-groups label.group span{font:600 13px/30px "Open Sans", sans-serif;color:#FFF;display:block;position:relative;z-index:1;}
.customer-groups label.group:last-child{border-top:2px solid #FFF;border-bottom:0;}

@-webkit-keyframes DropDownSlide{100%{margin-top:-1px;}0%{margin-top:8px;}}
@keyframes DropDownSlide{100%{margin-top:-1px;}0%{margin-top:8px;}}

/* Container içinde görünen loader stili */
#page-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 100;
    border-radius: 6px;
    backdrop-filter: blur(2px); /* Modern tarayıcılarda bulanıklık efekti */
}

/* Container'ın pozisyonunu relative yap */
.products-container {
    position: relative;
    min-height: 200px;
}

/* Spinner animasyonu */
.spinner {
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.spinner .path {
    stroke: #e74c3c; /* Kırmızımsı renk - değiştirebilirsiniz */
    stroke-width: 6;
    stroke-linecap: round;
    fill: none;
    stroke-dasharray: 150, 200;
    stroke-dashoffset: -10;
    animation: dash 1.5s ease-in-out infinite;
}

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

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}
.loading-message{margin: 0 auto; text-align: center;}
/* Loader pulse efekti */
#page-loader::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(231, 76, 60, 0.1);
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.2;
    }
    100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
}
div#overLayer {
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000000a6;
    z-index: 999;
    transition: all ease .3s;
    opacity: 0;
    visibility: hidden;
}

div#overLayer.active {
    opacity: 1;
    visibility: visible;
}


.mini-cart-container.active{transform:translateX(0);}
.mini-cart-container>.mini-cart-head{padding:30px 70px 30px 30px;position:relative;}
.mini-cart-container>.mini-cart-head>.T{font-weight:700;font-size:18px;margin-bottom:5px;}
.mini-cart-container>.mini-cart-head>.sT{font-size:13px;color:#777;}
.mini-cart-container>.mini-cart-head>.close-mini-cart{position:absolute;right:30px;top:25px;width:35px;height:35px;line-height:35px;background-color:#eee;border-radius:50%;text-align:center;font-size:20px;cursor:pointer;transition:.3s;}
.mini-cart-container{position:fixed;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;width:100%;max-width:470px;display:flex;flex-direction:column;transition:.3s;transform:translateX(150%);}
.mini-cart-container>.mini-cart-body{flex:auto;padding:0 25px 30px 30px;height:calc(100% - 269px);overflow-y:auto;}
.mini-cart-container>.mini-cart-body>.sepetList{display:flex;justify-content:start;flex-direction:column-reverse;}
.mini-cart-container>.mini-cart-body>.sepetList::-webkit-scrollbar{width:4px;}
.mini-cart-container>.mini-cart-body>.sepetList::-webkit-scrollbar-track{background:#f1f1f1;}
.mini-cart-container>.mini-cart-body>.sepetList::-webkit-scrollbar-thumb{background:#888;}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank{height:100%;}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank>.empty-cart{height:100%;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;color:#bbb;}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank>.empty-cart .global-btn{max-width:200px;margin:auto;display:block;text-align:center;margin-top:40px;margin-bottom:80px;padding:13px 10px;border-radius:5px;color:#fff;background-color:var(--main-two-600);}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank>.empty-cart .Icon svg{margin:50px auto;height:170px;aspect-ratio:1/1;width:100%;}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank>.empty-cart .T{text-align:center;color:#333;font-weight:600;}
.mini-cart-container>.mini-cart-body>.sepetList>li.blank>.empty-cart .sT{text-align:center;margin-top:10px;color:gray;}
.mini-cart-container>.mini-cart-footer{background-color:#f9fafb;padding:30px 25px 20px;}
.mini-cart-container>.mini-cart-footer .cargo-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.mini-cart-container>.mini-cart-footer .cargo-box .item{font-weight:600;}
.mini-cart-container>.mini-cart-footer .total-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.mini-cart-container>.mini-cart-footer .total-box>.item{font-weight:600;}
.mini-cart-container>.mini-cart-footer .total-box>.item>.total-price{font-weight:700;font-size:18px;}
.mini-cart-container>.mini-cart-footer .total-box>.item>.total-price>span{font-weight:700;}
.mini-cart-container>.mini-cart-footer .addition-control{margin-top:20px;display:flex;gap:15px;}
.mini-cart-container>.mini-cart-footer .addition-control>.item{flex:1;}
.mini-cart-container>.mini-cart-footer .addition-control>.item>.control-btn{display:block;padding:14px 10px;border:1px solid #e2e8f0;background-color:#fff;border-radius:10px;text-align:center;font-size:14px;color:#000;font-weight:600;transition:.3s;cursor:pointer;}
.mini-cart-container>.mini-cart-footer .addition-control>.item:nth-child(1)>.control-btn{border-color:var(--main-two-600);background-color:var(--main-two-600);color:#fff;}
.mini-cart-container>.mini-cart-footer .cargoInfo p{font-size:12px;padding:10px 7px;border-radius:7px;background-color:#ffe9dc;color:#db6523;margin-bottom:10px;}


.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product{padding:30px 0;border-bottom:1px solid #eee;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product:first-child{border:0;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item{display:flex;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Img{flex:none;width:75px;margin-right:10px;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info{flex:auto;position:relative;display:flex;flex-direction:column;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.p-remove{position:absolute;right:0;top:0;color:#ff6860;font-size:14px;padding:5px;z-index:2;cursor:pointer;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-top{padding-right:35px;flex:auto;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-top>.product-name{font-size:14px;color:#000;padding:4px 0;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-top>.p-code{font-size:12px;color:#777;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:10px;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .item .quantityWrapper{display:flex;align-items:center;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .item .quantityWrapper .miniCartCountChange{background-color:#fff;border:1px solid #e8e8e8;border-radius:50%;padding:3px 5px;transition:.3s;color:var(--main-color);}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .item .quantityWrapper .quantityNumberText>input{border:none;width:30px;text-align:center; background: transparent;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .item .quantityWrapper>label{margin-left:5px;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .item .quantityWrapper .miniCartCountChange:hover{color:#000;background-color:#e8e8e8;}
.mini-cart-container>.mini-cart-body>.sepetList>li.mini-cart-product>.product-item>.Info>.info-bottom .p-price{font-size:16px;font-weight:700;}






.opsAlert div.Area p>b {
    font-weight: 700;
    text-decoration: underline
}

.opsAlert .Area .alert-content {
    color: #fc5b5b
}

.opsAlert div.Area button {
    border: 1px solid #dcdcdc;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 14px;
    transition: all ease .2s;
    margin-top: 7px
}

.opsAlert div.Area .buttons {
    margin-top: 20px
}

.opsAlert.show {
    opacity: 1;
    visibility: visible
}

.opsAlert::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0000009e
}

.opsAlert div.Area button:hover {
    border: 1px solid #1789cc;
    color: #1789cc
}

.opsAlert div.Area #alertContent>b {
    font-weight: 700;
    color: #dd6523
}

.opsAlert>span {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px
}

.opsAlert>span svg {
    width: 24px
}

.opsAlert>span svg path {
    fill: #adadad
}

.opsAlert {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0000009c;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease .2s;
    padding: 0
}

.opsAlert img {
    margin: auto;
    width: 70px;
}

.opsAlert div.Area {
    border: 1px solid #dcdcdc;
    padding: 40px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px #00000026;
    width: 450px;
    position: relative
}

.opsAlert div.Area h5.Title {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0
}

.opsAlert div.Area p {
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0 4px;
    color: gray
}

.opsAlert .Area .verify-code-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0
}

.opsAlert .Area .verify-code-container .verify-code {
    border-radius: 5px;
    font-size: 30px;
    font-family: inherit;
    height: 80px;
    width: 100px;
    border: 1px solid #004643;
    margin: 1%;
    text-align: center;
    font-weight: 300
}

.verify-code-container .verify-code::-webkit-inner-spin-button,.opsAlert .Area .verify-code-container .verify-code::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.opsAlert .Area .verify-code-container .verify-code:valid {
    border-color: #da6523
}

.opsAlert .Area .verify-code-container .verify-code:focus {
    outline: 0
}

.opsAlert .Area .verify-code-container input {
    width: 75%;
    outline: 0;
    border: 1px solid #ddd;
    padding: 10px 20px 10px 5px;
    border-radius: 7px;
    font-size: 14px;
    text-align: center
}

.opsAlert .Area .verify-code-container input:focus {
    border: 1px solid var(--main-color)
}

@media(max-width: 700px) {
    .opsAlert .Area .verify-code-container {
        flex-wrap:wrap
    }

    .opsAlert .Area .verify-code-container .verify-code {
        font-size: 50px;
        height: 80px;
        max-width: 70px
    }
}

@media(max-width: 580px) {
    .opsAlert .Area .verify-code-container {
        flex-wrap:wrap
    }

    .opsAlert .Area .verify-code-container .verify-code {
        font-size: 30px;
        height: 60px;
        max-width: 50px
    }
}

@media(max-width: 390px) {
    .opsAlert .Area .verify-code-container {
        flex-wrap:wrap
    }

    .opsAlert .Area .verify-code-container .verify-code {
        font-size: 25px;
        height: 55px;
        max-width: 45px
    }
}


.site-modal.site-share-modal .share-body .share-item{margin-bottom:25px;}
.site-modal.site-share-modal .share-body .share-item:last-child{margin:0;}
.site-modal.site-share-modal .share-body .share-item .item-title{font-size:14px;margin-bottom:15px;}
.site-modal.site-share-modal .share-body .share-item .share-copy-url{position:relative;}
.site-modal.site-share-modal .share-body .share-item .share-copy-url::after{content:attr(copied-text);position:absolute;left:35px;bottom:1px;top:1px;right:80px;background-color:#fff;display:flex;align-items:center;font-size:14px;color:#1789cc;transition:.3s;opacity:0;visibility:hidden;}
.site-modal.site-share-modal .share-body .share-item .share-copy-url::before{content:"\f0c1";font-family:"Font Awesome 6 Pro";font-weight:400;font-size:15px;position:absolute;left:9px;top:calc(50% + 1px);transform:translateY(-50%);transition:.3s;}
.site-modal.site-share-modal .share-body .share-item .share-copy-url>input{width:100%;border:1px solid #d4d4d4;padding:12px 90px 12px 35px;font-size:14px;border-radius:3px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;}
.site-modal.site-share-modal .share-body .share-item .share-copy-url>.copyUrl{position:absolute;right:10px;top:9px;background-color:#1789cc;color:#fff;border-radius:3px;font-size:12px;padding:5px 12px;cursor:pointer;transition:.3s;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items{display:flex;grid-gap:10px;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item{margin:0;display:inline-block;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item>a{width:40px;height:40px;border:1px solid #eee;border-radius:50%;text-align:center;line-height:39px;display:flex;align-items:center;justify-content:center;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item>a svg{height:20px;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.whatsapp>a{border-color:#25d36666;color:#25d366;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.whatsapp>a svg{fill:#25d366;height:23px;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.linkedin>a{border-color:#0a66c26e;color:#0a66c2;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.linkedin>a svg{fill:#0a66c2;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.telegram>a{border-color:#0088cc69;color:#08c;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.telegram>a svg{fill:#08c;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.facebook>a{border-color:#1877f25e;color:#1877f2;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.facebook>a svg{fill:#1877f2;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.twitter>a{border-color:#292c324d;color:#292c32;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.twitter>a svg{fill:#292c32;}
@media only screen and (min-width:991px){
.site-modal.site-share-modal .share-body .share-item .share-copy-url>.copyUrl:hover{background-color:#3a9ad3;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.whatsapp>a:hover{background-color:#25d366;color:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.whatsapp>a:hover svg{fill:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.linkedin>a:hover{background-color:#0a66c2;color:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.linkedin>a:hover svg{fill:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.telegram>a:hover{background-color:#08c;color:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.telegram>a:hover svg{fill:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.facebook>a:hover{background-color:#1877f2;color:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.facebook>a:hover svg{fill:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.twitter>a:hover{background-color:#292c32;color:#fff;}
.site-modal.site-share-modal .share-body .share-item .share-socials .share-items>.share-item.twitter>a:hover svg{fill:#fff;}
}
.site-modal .modal-container .modal-content .modal-body ul{font-size:13px;margin-bottom:10px;line-height:17px;}

.price-alert i{
    animation: alertPriceAnimation 4s ease-in-out 0s infinite normal none;
}


@keyframes alertPriceAnimation{0%,100%{transform:rotate(0);transform-origin:50% 0}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}


/*Hesabim*/

section.account-pages{padding-top:30px;}
section.account-pages .account-content-wrapper{display:flex;}

.account-content-left{flex:none;width:240px;margin-right:25px;}
.account-content-left .account-nav .account-welcome{margin-bottom:11px;padding-bottom:15px;border-bottom:1px solid #eee;position:relative;}
.account-content-left .account-nav .account-welcome>.Welcome{font-size:14px;margin-bottom:3px;}
.account-content-left .account-nav .account-welcome>.Welcome>span{color:var(--main-two-600);font-weight:600;}
.account-content-left .account-nav .account-welcome>.user-mail{font-size:12px;color:#848484;}
.account-content-left .account-nav .account-welcome .mobile-account-open{display:none;position:absolute;border-radius:10px 0 0 10px;left:0;top:0;bottom:0;align-items:center;justify-content:center;width:50px;font-size:20px;}
.account-content-left .account-nav .account-welcome .mobile-account-logout{display:none;position:absolute;border-radius:10px;right:10px;top:10px;bottom:10px;align-items:center;justify-content:center;width:45px;font-size:18px;background-color:#ef40401c;color:#6a1515;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link{display:flex;padding:12px 0;font-size:13px;color:#253d4e;transition:.3s;position:relative;align-items:center;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link.Active{color:var(--main-color);}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>span{display:flex;align-items:center;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>span>.Count{transition:.3s;background-color:var(--main-two-600);color:#fff;font-size:11px;font-family:arial;font-weight:600;text-align:center;border-radius:3px;display:inline-block;padding:1px 5px;margin-left:6px;position:relative;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i{font-size:17px;width:24px;margin-right:5px;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i.fa-user{font-size:17px;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i.fa-comment{font-size:16px;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i.fa-house{font-size:16px;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i.fa-clock-rotate-left{font-size:16px;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>svg{width:22px;margin-right:7px;fill:#253d4e;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link>i.fa-tag{font-size:18px;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head{display:none;position:relative;padding-right:55px;position:sticky;top:0;background-color:#fff;z-index:2;padding:20px 60px 20px 20px;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head>.Welcome{font-size:14px;margin-bottom:3px;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head>.Welcome>span{color:var(--main-two-600);font-weight:600;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head>.user-mail{font-size:12px;color:#848484;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head>.mobile-account-close{font-size:16px;width:30px;height:30px;border-radius:50%;background-color:#eee;text-align:center;line-height:30px;transition:.3s;font-weight:300;border-radius:50%;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:2;}
.account-content-right{flex:auto;}
.account-content-right .emailInfoMessage{display:flex;align-items:center;background-color:#ffede6;padding:10px;margin-bottom:10px;border-radius:5px;}
.account-content-right .emailInfoMessage .alert.alert-warning{font-size:13px;color:#ff8c60;}
.account-content-right .emailInfoMessage .alert.alert-warning i{font-weight:700;}
.account-content-right .emailInfoMessage .alert.alert-warning strong{font-weight:700;}
.account-content-right .phoneInfoMessage{display:flex;align-items:center;background-color:#ffede6;padding:10px;margin-bottom:10px;border-radius:5px;}
.account-content-right .phoneInfoMessage .alert.alert-warning{font-size:13px;color:#ff8c60;}
.account-content-right .phoneInfoMessage .alert.alert-warning i{font-weight:700;}
.account-content-right .phoneInfoMessage .alert.alert-warning strong{font-weight:700;}
.account-content-right .right-wrapper>.wrapper-body .deleteUserInfo .deleteInfoText{font-size:13px;margin-bottom:5px;}
.account-content-right .right-wrapper>.wrapper-footer .footer-control .deleteUserAccount{transition:.3s;display:inline-block;padding:10px 20px;font-size:12px;color:#fff;font-weight:600;background-color:#eb1643;border-radius:6px;cursor:pointer;}
.account-content-right .right-wrapper{border:1px solid #eee;border-radius:10px;padding:0 20px 20px;margin-bottom:30px;box-shadow:rgb(50 50 93 / 7%) 0 2px 5px -1px,rgb(0 0 0 / 0%) 0 1px 3px -1px;background-color:#fff;}
.account-content-right .right-wrapper:last-child{margin-bottom:0;}
.wrapper-title{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;}
.wrapper-title>.item>.T{font-size:15px;color:var(--main-two-600);font-weight:600;padding:20px 0 5px;flex:none;}
.wrapper-footer{margin-top:25px;}
.wrapper-footer .footer-control{display:flex;align-items:center;justify-content:end;}
.wrapper-footer .footer-control .control-btn{transition:.3s;display:inline-block;padding:10px 20px;font-size:12px;color:#fff;font-weight:600;background-color:var(--main-color);border-radius:6px;cursor:pointer;}
.wrapper-footer .footer-control .email-control-btn{transition:.3s;display:inline-block;padding:10px 20px;font-size:12px;color:#fff;font-weight:600;background-color:#b5b5b5;border-radius:6px;cursor:none;pointer-events:none;}
.mail-form .FormElements{color:#253d4e;margin-bottom:20px;position:relative;display:flex;align-items:center;gap:50px;}
.mail-form .FormElements label:not(.iosLabel){display:block;font-size:13px;margin-bottom:8px;}
.mail-form .FormElements .item{width:50%;}
.mail-form .FormElements .input-group{display:flex;}
.mail-form .FormElements .input-group .verifyCorrect{margin-left:5px;transition:.3s;display:inline-block;padding:10px 20px;font-size:12px;color:#fff;font-weight:600;background-color:var(--main-two-600);border-radius:6px;cursor:pointer;}
.mail-form .FormElements .input-group input{width:100%;display:block;background-color:#f9fafb;border:1px solid #ececec;padding:5px 15px;font-size:14px;border-radius:5px;height:45px;}
.mail-form .FormElements .mailVerify{font-size:12px;color:#ff8c60;font-weight:700;width:100%;display:block;margin-top:5px;padding:10px 10px;background-color:#ffede6;border-radius:5px;}
.mail-form .FormElements .phoneVerify{font-size:12px;color:#ff8c60;font-weight:700;width:100%;display:block;margin-top:5px;padding:10px 10px;background-color:#ffede6;border-radius:5px;}
.accounts-form{display:flex;justify-content:space-between;}
.accounts-form .FormElements{color:#253d4e;margin-bottom:20px;position:relative;}
.accounts-form .FormElements.contract-item{margin-bottom:10px;display:flex;flex-direction:column;width:33%;align-items:center;border:1px solid #ddd;padding:5px 10px;border-radius:5px;}
.accounts-form .FormElements.contract-item.form-elements-checked{border:1px solid var(--main-two-600);}
.accounts-form .FormElements.contract-item .email-detail{font-size:12px;}
.accounts-form .FormElements .pass-show span{display:inline-block;}
.accounts-form .FormElements .pass-show span::before{content:"\f06e";font-family:"Font Awesome 6 Pro";font-weight:300;font-size:20px;}
.accounts-form .FormElements .pass-show span.active::before {content: "\f070";}
.accounts-form .FormElements .pass-show{position:absolute;right:10px;font-size:22px;opacity:.3;cursor:pointer;width:31px;top:33px;text-align:center;}
.accounts-form .FormElements label:not(.iosLabel){display:block;font-size:13px;margin-bottom:8px;}
.accounts-form .FormElements input:not(.iosCheckbox),.accounts-form .FormElements select{display:block;width:100%;background-color:#f9fafb;border:1px solid #ececec;padding:5px 15px;font-size:14px;border-radius:5px;height:45px;}
.accounts-form .FormElements input.iosCheckbox{display:none;}
.accounts-form .FormElements label.iosLabel{display:block;font-size:14px;padding:30px 6px 0;position:relative;font-weight:700;}
.accounts-form .FormElements label.iosLabel::before{content:"";position:absolute;left:15px;top:2px;background-color:#f9fafb;height:21px;width:34px;border-radius:60px;border:1px solid #ececec;}
.accounts-form .FormElements label.iosLabel::after{content:"";position:absolute;left:19px;height:15px;width:15px;background-color:#d9d9d9;border-radius:50%;top:6px;transition:.3s;}
.accounts-form .FormElements input.iosCheckbox:checked+label:before{background-color:var(--main-two-600);}
.accounts-form .FormElements input.iosCheckbox:checked+label:after{background-color:#fff;left:32px;}
.accounts-form .FormElements:first-child label.iosLabel::before{left:9px;top:2px;}
.accounts-form .FormElements:first-child label.iosLabel::after{left:13px;top:6px;}
.accounts-form .FormElements:first-child input.iosCheckbox:checked+label:after{left:26px;top:6px;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::before{left:2px;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::after{left:6px;}
.accounts-form .FormElements:nth-child(2n) input.iosCheckbox:checked+label.iosLabel::after{left:19px;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::before{left:10px;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::after{left:14px;}
.accounts-form .FormElements:nth-child(3n) input.iosCheckbox:checked+label.iosLabel::after{left:27px;}
@media screen and (max-width:768px){
.accounts-form{display:block;}
.accounts-form .FormElements.contract-item{width:100%;padding:10px;display:block;}
.accounts-form .FormElements label.iosLabel{padding:6px 0 0 46px;}
.accounts-form .FormElements.contract-item .email-detail{margin-left:0;padding-left:46px;}
.accounts-form .FormElements label.iosLabel::before{left:0;top:4px;}
.accounts-form .FormElements label.iosLabel::after{left:4px;top:8px;}
.accounts-form .FormElements input.iosCheckbox:checked+label:after{left:16px;top:8px;}
.accounts-form .FormElements:first-child label.iosLabel::before{left:0;top:2px;}
.accounts-form .FormElements:first-child label.iosLabel::after{left:4px;top:6px;}
.accounts-form .FormElements:first-child input.iosCheckbox:checked+label:after{left:16px;top:6px;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::before{left:0;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::after{left:4px;}
.accounts-form .FormElements:nth-child(2n) input.iosCheckbox:checked+label.iosLabel::after{left:16px;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::before{left:0;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::after{left:4px;}
.accounts-form .FormElements:nth-child(3n) input.iosCheckbox:checked+label.iosLabel::after{left:16px;}
}
@media screen and (max-width:425px){
.accounts-form .FormElements label.iosLabel::before{left:0;top:10px;}
.accounts-form .FormElements label.iosLabel::after{left:4px;top:14px;}
.accounts-form .FormElements input.iosCheckbox:checked+label:after{left:16px;top:14px;}
.accounts-form .FormElements:first-child label.iosLabel::before{left:0;top:10px;}
.accounts-form .FormElements:first-child label.iosLabel::after{left:4px;top:14px;}
.accounts-form .FormElements:first-child input.iosCheckbox:checked+label:after{left:16px;top:14px;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::before{left:0;}
.accounts-form .FormElements:nth-child(2n) label.iosLabel::after{left:4px;}
.accounts-form .FormElements:nth-child(2n) input.iosCheckbox:checked+label.iosLabel::after{left:16px;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::before{left:0;}
.accounts-form .FormElements:nth-child(3n) label.iosLabel::after{left:4px;}
.accounts-form .FormElements:nth-child(3n) input.iosCheckbox:checked+label.iosLabel::after{left:16px;}
}
@media screen and (max-width:375px){
.accounts-form .FormElements:first-child label.iosLabel::before{left:0;top:11px;}
.accounts-form .FormElements:first-child label.iosLabel::after{left:4px;top:15px;}
.accounts-form .FormElements:first-child input.iosCheckbox:checked+label:after{left:16px;top:15px;}
}
@media only screen and (min-width:992px){
.account-content-left .account-nav{border:1px solid #eee;border-radius:10px;padding:15px;box-shadow:rgb(50 50 93 / 7%) 0 2px 5px -1px,rgb(0 0 0 / 0%) 0 1px 3px -1px;position:sticky;top:90px;}
.wrapper-footer .footer-control .control-btn:hover{filter:brightness(1.1);}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link:hover{color:var(--main-color);}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link:hover svg{fill:var(--main-color);}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link:hover>span>.Count{background-color:var(--main-color);}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link.Active::after{content:"";position:absolute;right:-15px;top:3px;bottom:3px;width:2px;background-color:var(--main-color);}
}
@media only screen and (max-width:1199px){
.account-content-right .right-wrapper>.wrapper-footer{margin-top:20px;}
}
@media only screen and (max-width:478px){
.account-content-right .right-wrapper>.wrapper-body .mail-form .FormElements{flex-direction:column;gap:20px;}
.account-content-right .right-wrapper>.wrapper-body .mail-form .FormElements .item{width:100%;}
}
@media only screen and (max-width:991px){
section.account-pages{padding-bottom:30px;padding-top:15px;background-color:#fcfcfc;}
section.account-pages .account-content-wrapper{display:block;}
.account-content-left{width:100%;}
.account-content-right .right-wrapper{margin-bottom:15px;padding:0 15px 15px;}
.account-content-left .account-nav .account-welcome{background-color:#fff;margin-bottom:15px;box-shadow:rgb(50 50 93 / 7%) 0 2px 5px -1px,rgb(0 0 0 / 0%) 0 1px 3px -1px;border:1px solid #eee;border-radius:10px;padding:15px 65px 15px 50px;}
.account-content-left .account-nav .account-welcome .mobile-account-open{display:flex;}
.account-content-left .account-nav .account-welcome .mobile-account-logout{display:flex;}
.account-content-left .account-nav .nav-container{position:fixed;top:0;bottom:0;z-index:9999;background-color:#fff;left:0;box-shadow:rgba(17,12,46,.15) 0 48px 100px 0;border-radius:0 10px 10px 0;overflow-y:auto;width:250px;padding-bottom:30px;transition:.3s;transform:translateX(-150%);}
.account-content-left .account-nav .nav-container.active {transform: translateX(0);}
.account-content-left .account-nav .account-nav-list{padding:0 20px;}
.account-content-left .account-nav .nav-container .nav-container-mobile-head{display:block;}
.account-content-left .account-nav .account-nav-list>li>.account-nav-link{padding:15px 20px 15px 0;}
}
@media only screen and (max-width:768px){
.account-content-right .right-wrapper>.wrapper-body .accounts-form .FormElements label.iosLabel{padding-top:0;}
}


.right-wrapper>.wrapper-body .address-list{display:flex;flex-wrap:wrap;grid-gap:20px;}
.right-wrapper>.wrapper-body .address-list .address-item{width:calc(50% - 10px);border-radius:10px;padding:15px;color:#253d4e;border:1px solid #eee;position:relative;padding-bottom:55px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-title{color:var(--main-color);font-size:17px;position:relative;margin-bottom:10px;text-transform:capitalize;}
.right-wrapper>.wrapper-body .address-list .address-item .address-line{font-size:13px;color:var(--main-two-600);padding:2px 0;display:flex;}
.right-wrapper>.wrapper-body .address-list .address-item .address-line>span{display:inline-block;line-height:22px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-line>span:first-child{color:#707070;flex:none;width:95px;display:flex;justify-content:space-between;margin-right:10px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-line>span:first-child::after{content:":";}
.right-wrapper>.wrapper-body .address-list .address-item .address-control{display:flex;align-items:center;grid-gap:10px;position:absolute;bottom:12px;left:15px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-control .control-btn{font-size:13px;padding:8px 0;cursor:pointer;display:flex;align-items:center;color:var(--main-two-600);margin-right:9px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-control .control-btn>i{font-size:15px;margin-right:6px;}
.right-wrapper>.wrapper-body .address-list .address-item .address-control .control-btn>i.fa-location-crosshairs{font-size:17px;}
.right-wrapper>.wrapper-title>.item>.wrapper-control>.control-btn {
    background-color: var(--main-two-600);
    padding: 7px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: .3s;
    margin-left: 5px;
}
@media only screen and (min-width:992px){
    .right-wrapper>.wrapper-body .address-list .address-item .address-control .control-btn:hover{border-color:var(--main-two-600);color:var(--main-two-600);}
    .right-wrapper>.wrapper-body .address-list .address-item .address-control .control-btn.btn-remove:hover{border-color:#c24141;color:#c24141;}
    .right-wrapper>.wrapper-title>.item>.wrapper-control>.control-btn:hover{background-color:var(--main-color);}
}
@media only screen and (max-width:1199px){
    .right-wrapper>.wrapper-body .address-list{display:block;}
    .right-wrapper>.wrapper-body .address-list .address-item{width:100%;margin-bottom:15px;}
    .right-wrapper>.wrapper-body .address-list .address-item:last-child{margin-bottom:0;}
}
@media only screen and (max-width:991px){
    .right-wrapper{margin-bottom:15px;padding:0 15px 15px;}
}
@media only screen and (max-width:768px){
    .right-wrapper>.wrapper-body .address-list .address-item .address-title{font-size:15px;}
    .right-wrapper>.wrapper-body .address-list .address-item .address-line>span:first-child{font-weight:600;color:var(--main-two-600);width:75px;}
}



.site-modal.addressModal .modal-container .modal-body .user-address-form .address-type{display:flex;align-items:center;grid-gap:15px;margin-bottom:22px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-type .type-item{font-size:16px;padding-bottom:6px;border-bottom:1px solid transparent;cursor:pointer;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-type .type-item.Active{border-color:var(--main-color);color:var(--main-color);}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group{display:flex;grid-gap:15px;margin-bottom:22px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item{flex:1;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>label{display:block;color:#272727;font-size:14px;margin-bottom:10px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>input,.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>select,.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>textarea{background-color:#f9fafb;border:1px solid #eee;border-radius:5px;width:100%;display:block;height:40px;padding:0 13px;font-size:14px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>textarea{padding:15px;resize:none;height:70px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .foreigner-box{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .foreigner-box+.foreignerLabel{position:relative;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;height:20px;color:#000;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .foreigner-box+.foreignerLabel::before{content:" ";display:inline-block;vertical-align:middle;margin-right:5px;width:20px;height:20px;background-color:var(--main-color)2b;border-radius:5px;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .foreigner-box:checked+label::after{content:"\f00c";position:absolute;display:flex;justify-content:center;align-items:center;margin-left:0;left:0;top:0;text-align:center;background-color:transparent;font-size:12px;height:20px;width:20px;font-weight:600;font-family:"Font Awesome 6 Pro";color:#006494;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .foreigner-box:checked+label::before{background-color:var(--main-two-600)29;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .CorporateBox{display:none;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-control{text-align:center;}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-control>.new-address{display:inline-block;height:44px;background-color:var(--main-two-600);width:100%;max-width:170px;border-radius:5px;line-height:44px;color:#fff;cursor:pointer;font-size:14px;transition:.3s;}
@media only screen and (max-width:425px){
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>label{font-size:13px;}
}

.site-modal.addressModal .modal-container .modal-body .user-address-form .CorporateBox.Active {
    display: block;
}
.site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>input.Error, .site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>select.Error, .site-modal.addressModal .modal-container .modal-body .user-address-form .address-group>.item .FormElements>textarea.Error {
    background-color: snow;
    border-color: #fcc;
}




.section__header-left .heading{display:block;font-size:26px;font-weight:800;color:var(--main-two-600);margin-right: 20px;}
.section__header-left .heading:first-child{margin-top:0;}
.section__header-left h{display: flex; align-items: center;}
.section__header-left h3 svg{margin-right: 5px}
.js .no-focus-outline :focus{outline:0;}
.section__header{margin-bottom:min(32px,var(--vertical-breather));margin-left:auto;margin-right:auto;}
.button{position:relative;display:inline-block;-webkit-appearance:none;appearance:none;line-height:var(--button-height);padding:0 30px;text-align:center;text-decoration:none;border-radius:var(--button-border-radius);background:rgb(var(--button-background));color:rgb(var(--button-text-color));}
.btn-line,.button:not(.button--text){text-transform:var(--text-transform-btn);font-size:var(--font-size-btn);font-weight:var(--font-weight-btn);font-family:var(--font-family_btn);letter-spacing:var(--font-spacing-btn);transition:.4s;}
@media (min-width: 741px){
.h4{line-height:1.1666666667;letter-spacing:-.6px;}
.section__header{margin-bottom:min(40px,var(--vertical-breather));}
.button:not(.button--text){text-transform:var(--text-transform-btn);font-size:var(--font-size-btn);font-weight:var(--font-weight-btn);font-family:var(--font-family_btn);letter-spacing:var(--font-spacing-btn);transition:.4s;}
}
@media (min-width: 1000px){
.section__header{margin-bottom:min(48px,var(--vertical-breather));}
}
.btn-line{border-radius:0!important;padding:0!important;position:relative;margin:0;transition:.4s;}
.btn-line,.btn-line:hover{background-color:transparent;}
.btn-line{color:var(--color-line);}
.btn-line:hover{color:var(--main-color);}
.section__header{margin-bottom:23px;}
}
@media all{
i.icon-base-2:before{content:var(--arrow-btn-svg-url);vertical-align:-2px;display:inline-block;height:1px;margin-left:1px;}
i.icon-base-2{display:inline-block;}
i.icon-base-2:before{content:var(--arrow-btn-svg-url-2);}
}
/*! CSS Used from: Embedded */
.section__header{position:relative;}
@media all{
.js .no-focus-outline *:focus{box-shadow:none;}
}

@media all{
.js .no-focus-outline :focus{outline:0;}
.ap-multicolumn__image-wrapper{display:block;margin-bottom:10px;border-radius:min(8px,var(--block-border-radius));overflow:hidden;z-index:0; text-align: center;}
.ap-multicolumn__image-wrapper:only-child{margin-bottom:0;}
.ap-multicolumn__image{width:100%;}
@media (min-width: 1000px){
.ap-multicolumn__image-wrapper{margin-bottom:24px;}
}

}
/*! CSS Used from: Embedded */
#shopify-section-template--21642703962135__child_collections_w3p9Pt .ap-multicolumn__image-wrapper{max-width:64px;max-height:64px;margin-left:auto;margin-right:auto;}
#shopify-section-template--21642703962135__child_collections_w3p9Pt .ap-multicolumn__image{height:100%;object-fit:cover;}

.child-collection-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0;
}
.section-template--21642703962135__child_collections_w3p9Pt .ap-multicolumn__item {
    padding: 20px;
    box-shadow: 0px 0px 0px 1px #e2e2e2;
}
@media all{
.js .no-focus-outline *:focus{box-shadow:none;}
}




@media all{
.heading{display:block;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);color:rgb(0, 0, 0);text-transform:var(--heading-text-transform);}
.heading:first-child{margin-top:0;}
.heading--small{font-family:var(--body-font-family);font-style:var(--text-font-style);text-transform:uppercase;font-weight:var(--text-font-bold-weight);line-height:1.4663636;letter-spacing:1px;}
.heading--small{font-size:var(--small-font-size);line-height:1.5;}
@media (min-width: 741px){
.heading--small{line-height:1.2307692308;}
}
.heading--small+p{margin-top:16px;}
.heading--small+p{margin-top:16px;}
@media (min-width: 741px){
.heading--small+p{margin-top:24px;}
}
.js .no-focus-outline *:focus{outline:none;}
.section{display:block;margin:var(--vertical-breather) 0;}
.section:empty{display:none;}
.section--flush{margin-top:0;margin-bottom:0;}
.text-with-icons{display:block;}
.text-with-icons__icon-wrapper{margin-bottom:16px;}
.text-with-icons__icon-wrapper>*{margin:0 auto;}
@media (min-width: 1000px){
.text-with-icons__item{padding:0;}
.text-with-icons__content-wrapper .heading+p{margin-top:16px;}
}
.row{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;gap:10px 0;}
.col-100{padding:0 5px;}
.col-100{width:100%;}
@media (min-width: 768px){
.col-md-20{width:20%;}
}
@media (min-width: 1200px){
.col-xl-24{width:24%;}
.col-xl-19{width:19%;}
}
.container-fluid{padding:0 95px;}
@media (max-width: 1770px){
.container-fluid{padding:0 15px;}
}
@media (max-width: 1199px){
.container-fluid{padding:0 15px;}
.title-icon{display:none;}
}
}

@media all{
.h-100{height:100%;}
.align-items-start{align-items:start;}
.justify-content-start{justify-content:start;}
}

@media all{
.title-icon{font-weight:400;}
.title-icon{line-height:18px;}
}

@media all{
.text-width-icon .row>div{padding:0 15px;}
.text-width-icon .row{margin:0 -15px;}
.text-with-icons__content-wrapper .heading+p{margin:0;}
.text-with-icons .description-icon{color:#ffffff;margin-top:0;font-size:16px;line-height:20px;}
.text-with-icons .heading--small.title-icon{color:#ffffff;font-size:16px;line-height:20px;margin-bottom:0;margin-top:0!important;letter-spacing:0;text-transform:none;font-weight:600;}
.text-with-icons__item{display:flex!important;padding:26px 0;gap:12px;flex:none;scroll-snap-align:center;scroll-snap-stop:always;height:100%;align-items:center;}
.text-with-icons__icon-wrapper{margin-bottom:0;display:flex;align-items:center;}
@media (max-width: 1299px){
.text-with-icons__item{justify-content:center;}
}
@media (max-width: 1199px){
.text-with-icon .title-icon{display:block;}
.text-with-icons__item{flex-direction:column;text-align:center;}
.text-width-icon .row>div{padding:0 5px;}
.text-width-icon .row{margin:0 -5px;}
}
@media (max-width: 767px){
.text-with-icons__item{flex-direction:column;align-items:center;text-align:center;}
}
}

.text-width-icon{position:relative;z-index:1;}
.text-width-icon_text{display:flex;padding:20px 20px 20px 40px;align-items:center;position:relative;background-color:transparent;background-image:linear-gradient(113deg,var(--main-color) 83%,var(--main-two-600) 83.5%);border-radius:10px 0px 0px 10px;font-size:22px;line-height:28px;font-weight:500;}
.text-width-icon_text p{position:relative; font-weight: 600}
.text-width-icon_text:before{content:'';background-color:transparent;background-image:linear-gradient(113deg,var(--main-color) 85.5%,var(--main-two-600) 86%);position:absolute;top:0;left:0;height:100%;width:100%;border-radius:10px 0px 0px 10px;opacity:.7;z-index:0;}
.text-with-icons{border-radius:10px;}
@media (max-width: 991px){
.text-width-icon_text{padding:15px;font-size:16px;line-height:22px;}
}
@media (max-width: 767px){
.text-width-icon_text{justify-content:center;}
}

@media all{
.text-width-icon .row>div{padding:0 15px;}
.text-width-icon .row{margin:0 -15px;}
.text-with-icons__content-wrapper .heading+p{margin:0;}
.text-with-icons .description-icon{color:#ffffff;margin-top:0;font-size:16px;line-height:20px;}
.text-with-icons .heading--small.title-icon{color:#ffffff;font-size:16px;line-height:20px;margin-bottom:0;margin-top:0!important;letter-spacing:0;text-transform:none;font-weight:600;}
.text-with-icons__item{display:flex!important;gap:12px;flex:none;scroll-snap-align:center;scroll-snap-stop:always;height:100%;align-items:center!important;}
.text-with-icons__icon-wrapper{margin-bottom:0;display:flex;align-items:center;}
@media (max-width: 1299px){
.text-with-icons__item{justify-content:center;}
}
@media (max-width: 1199px){
.text-with-icon .title-icon{display:block;}
.text-with-icons__item{flex-direction:column;text-align:center;}
.text-width-icon .row>div{padding:0 5px;}
.text-width-icon .row{margin:0 -5px;}
}
@media (max-width: 767px){
.text-with-icons__item{flex-direction:column;align-items:center;text-align:center;}
}
}
.text-width-icon{position:relative;z-index:1;}

@media all{
.js .no-focus-outline *:focus{box-shadow:none;}
}



.footer {
    background-color: var(--main-two-600);
}

.js .no-focus-outline *:focus{outline:none;}
.icon{display:block;vertical-align:middle;background:none;pointer-events:none;overflow:visible;}
.list--unstyled{list-style:none;padding:0;margin:0;}
.linklist__item:not(:first-child){padding-top:0;}
.linklist__item a{display:inline-block;word-break:break-word;}
@media (min-width: 1000px){
.linklist__item:not(:first-child){padding-top:0;}
}
.social-media{display:flex;flex-wrap:wrap;}
.social-media__item{position:relative;}
.no-focus-outline .social-media__item{overflow:hidden;}
.social-media__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(100% + 1px);height:calc(100% + 1px);background:currentColor;-webkit-clip-path:polygon(0 25%,100% 0,100% 100%,0% 100%);clip-path:polygon(0 25%,100% 0,100% 100%,0% 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1),clip-path .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1),clip-path .3s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .3s cubic-bezier(.215,.61,.355,1);pointer-events:none;z-index:1;}
.social-media__link{position:relative;display:flex;justify-content:center;align-items:center;height:45px;width:45px;color:currentColor;z-index:1;transition:color .3s cubic-bezier(.215,.61,.355,1);}
@media (min-width: 741px){
.social-media__link{height:55px;width:55px;}
}
@media (any-hover: hover){
.social-media__item:hover:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transform:scaleY(1);}
}
.footer{color:rgb(85, 85, 85);}
.footer__item-list{display:grid;grid-gap:40px;gap:40px;grid-template-columns:1fr 1fr;justify-content:space-between;}
.footer__item-title{margin-bottom:12px;}
.footer__image{display:block;filter: brightness(0) invert(1);}
@media (max-width: 740px){
.footer__item--image{grid-column:span 2;}
}
@media (min-width: 741px) and (max-width: 999px){
.footer__item-list{grid-template-columns:1fr 1fr;}
.footer__item--image.is-first{grid-column:span 3;}
}
@media (min-width: 1000px){
.footer__item-list{grid-auto-flow:column;grid-template-columns:none;}
.footer__item-title{margin-bottom:20px;}
}

@media all{
.no-focus-outline .social-media__item{box-shadow:none;overflow:visible;}
.social-media__link{height:100%;width:100%;}
.social-media__item{margin:0;}
.social-media__item:last-child{margin-right:0;}
.social-media__link{font-size:12px;line-height:14px;text-transform:uppercase;font-weight:600;}
.social-media__item:last-child:after{display:none;}
.social-media__item:hover .social-media__link{color:var(--main-two-600);}
}

@media all{
.footer__item-title{font-size:14px;line-height:18px;margin-bottom:26px;letter-spacing:0;text-transform:uppercase;font-weight:700;}
.link--faded{color:#9fa4aa;}
.link--faded:hover{color:var(--main-color);}
.footer__item-content p,.footer__item-content p a{letter-spacing:0;color:#9fa4aa;margin:0;font-size:16px;line-height:24px;word-break:break-word;}
.footer__item-content p{color:#fff;}
.footer__item-content.content-3 p{color:#9fa4aa;}
.footer__item-content p a:hover{color:var(--main-color);}
.footer__item-content-list{display:flex;}
.footer__inner{overflow:hidden;}
.footer .social-media__link{font-size:16px;line-height:30px;text-transform:capitalize;font-weight:400;width:16px;height:16px;border-radius:0;background-color:transparent;}
.footer .social-media{flex-direction:row;align-items:start;gap:20px;margin-top:20px!important;}
.footer .social-media__item{margin:0;}
.footer__item-list{gap:30px 0;display:flex;height:100%;margin:0 -5px;}
.footer .social-media__link svg.icon{display:block;color: #fff}
.footer .social-media__item:before{display:none;}
.footer .text-social{display:none;}
.linklist__item a{font-size:16px;line-height:30px;}
.footer__item-content svg{width:24px;height:24px;}
.footer__item-content .social-media svg{width:16px;height:16px;}
.footer__item-content span{display:flex; align-items: center;justify-content: center; width:50px;height:50px;line-height:60px;text-align:center;background-color:#323e4e;border-radius:5px;}
.footer__item-content p{flex:1;}
.footer__item-content a{display:block;}
.footer__item-content{display:flex;align-items:center;gap:20px;}
.footer__item-content:not(:last-child){margin:0 0 20px;}
.footer__item-content.content-3 p a{color:#fff;}
.logo-footer.footer__item-title{margin-bottom:30px;padding:0;}
@media (min-width: 1300px){
.footer__item{padding:0 0 0 95px;}
.footer-item__2{padding:0 0 0 30px;border-left:1px solid rgb(50, 62, 78);}
.footer-item__1{padding:0;}
}
.js .no-focus-outline *:focus{box-shadow:none;}
.footer__item-title{color:rgb(0, 0, 0);}
@media (max-width: 1199px){
.footer__item-list>div:first-child{border:none;}
.footer__item-list{flex-wrap:wrap;}
}
@media (max-width: 767px){
.footer__item-content{padding:0;width:100%;justify-content:center;}
.logo-footer .footer__image{margin:auto;}
.footer__item-content svg,.footer__item-content span{display:none;}
.footer__item{width:100%;text-align:center;}
.footer__inner{padding:60px 0;}
.footer__image{margin:auto;}
.footer .social-media{justify-content:center;}
.footer__item-content-list{flex-direction:column;gap:15px;}
.footer__item-content-text{padding-left:0;}
}
}

.footer__inner{padding:60px 0 60px;border-top:1px solid rgb(219, 223, 225);}
@media (max-width: 767px){
.footer__inner{padding:60px 0;}
}

#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base, 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-outline, 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-line ,
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-line-black ,
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base path , 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-outline path , 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base path {
  fill: var(--main-color);
}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-outline:hover, 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base:hover,
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-line:hover ,
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-line-black:hover ,
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #ffffff;
}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-outline:hover path , 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base:hover path , 
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base:hover path {
  fill: #ffffff;
}

.text-left{text-align:left;}
.btn-base{text-transform:uppercase;font-size:calc(var(--base-font-size) - 2px)!important;line-height:1.4;letter-spacing:0;font-weight:600!important;border-radius:3px!important;padding:15.5px 25px!important;background-color:var(--background-color-custom);color:var(--color-btn-custom);position:relative;transition:all .4s;margin:0;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;-ms-border-radius:3px!important;-o-border-radius:3px!important;font-family:var(--hd-font-family)!important;}
.btn-base path{fill:var(--main-color);transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.btn-base:hover{background-color:var(--background-color-custom-hover);color:var(--color-btn-custom-hover);}
.btn-base:hover path{fill:var(--color-btn-custom-hover);}
.btn-base svg{display:inline-block;margin-left:8px;}

@media all{
.banner-content{position:relative;}
.banner-text{position:absolute;top:50%;left:58px;transform:translateY(-50%);}
img.banner-list-image{width:100%;height:100%;object-fit:cover;}
banner-content{display:block;height:100%;}
.banner-image,.banner-content{height:100%;}
@media (max-width: 1299px){
.banner-text{left:15px;}
}
}
@media all{
.image-banner .banner-image{overflow:hidden;position:relative;}
.image-banner .banner-image:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.image-banner .banner-text{position:absolute;top:50%;left:180px;right:unset;transform:translateY(-50%);width:100%;z-index:1;padding:0;}
.image-banner a.button.btn-base{margin-left:auto;margin-right:auto;}
.image-banner-title{font-size:14px;line-height:18px;letter-spacing:0;text-transform:uppercase;text-decoration:underline;font-weight:500; color: #fff}
p.image-banner-description{margin-bottom:14px;margin-top:0!important;text-transform:none;letter-spacing:0;font-weight:400;font-size:16px;line-height:22px;}
.image-banner-description-2{margin:0 0 14px;font-size:14px;line-height:22px;}
.image-banner-description-2 span{font-size:30px;line-height:36px;font-weight:600;color:#FFF;}
.h1.image-banner-title_center{letter-spacing:0;margin:15px 0 8px!important; font-size: 54px;font-weight: 800;color: #fff;line-height: normal;}
.banner-text-right{max-width:551px;}
@media (max-width: 1299px){
.image-banner-description-2{margin:0 0 30px;}
.banner-text.text-left .h1.image-banner-title_center{font-size:50px;}
p.image-banner-description{margin-bottom:15px;}
}
@media (max-width: 1199px){
.image-banner .banner-text{padding:0 15px;left:0;}
.image-banner img.banner-list-image{min-height:550px;}
.image-banner .container-fluid{padding:0;}
}
@media (max-width: 767px){
.image-banner .banner-text{flex-direction:column;}
.banner-text.text-left .h1.image-banner-title_center{font-size:36px;}
}
@media (max-width: 576px){
.image-banner img.banner-list-image{min-height:450px;}
}
}

#shopify-section-template--16677693915299__d41c2fd4-5366-41d8-bbb6-303875cc817f .banner-image:before{background:rgba(var(--section-block-overlay, 0, 0, 0),var(--section-block-overlay-opacity, .2));}
#shopify-section-template--16677693915299__d41c2fd4-5366-41d8-bbb6-303875cc817f .banner-content{position:relative;}

#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base,#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base{color:#000000;background-color:#ffffff;border-color:#000000;}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base path,#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base path{fill:var(--main-color);}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base:hover,#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base:hover{color:#ffffff;background-color:#000000;border-color:#ffffff;}
#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 a.button.btn-base:hover path,#text-template--16597959049379__d41c2fd4-5366-41d8-bbb6-303875cc817f-text-1 .btn-base:hover path{fill:#ffffff;}

@media all{
.js .no-focus-outline *:focus{box-shadow:none;}
}



@media all{
.shopify-section{color:rgb(40, 40, 40);scroll-margin-top:calc(0px * 0 + 0px * 0);scroll-margin-top:calc(var(--header-height, 0px) * 0 + 44px * 0);}
.section{display:block;margin:var(--vertical-breather) 0;}
.section:empty{display:none;}
@media (max-width: 999px){
    .scroller{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin-left:calc(-1 * 15px);margin-right:calc(-1 * 15px);scrollbar-width:none;}
.scroller::-webkit-scrollbar{display:none;}
.scroller__inner{margin-left:auto;margin-right:auto;}
}
.ap-logolist{display:block;position:relative;}
.ap-logolist__list{--logos-per-row:2;--logos-gap:8px;display:grid;grid-template-columns:repeat(min(var(--logos-per-row),var(--section-logo-count)),minmax(140px,200px));grid-gap:var(--logos-gap);gap:var(--logos-gap);justify-content:center;}
.ap-logolist__item{display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(var(--section-logo-background));border-radius:0px;}
@media (max-width: 999px){
.ap-logolist--carousel .ap-logolist__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:140px;}
}
@media (min-width: 741px){
.ap-logolist__list{--logos-per-row:3;--logos-gap:16px;}
.ap-logolist--carousel .ap-logolist__list{grid-auto-columns:185px;}
}
@media (min-width: 1000px){
.ap-logolist__list{--logos-per-row:6;--logos-gap:24px;}
}
}
/*! CSS Used from: https://ap-karpart.myshopify.com/cdn/shop/t/5/assets/ap-logolist.css?v=152684045711586374261709783723 ; media=all */
@media all{
.ap-logolist__item{padding:0;text-align:center;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.ap-logolist--carousel .ap-logolist__list{grid-auto-columns:calc(100% / var(--section-items-per-row, 4) - (var(--grid-gap) / var(--section-items-per-row, 4) * (var(--section-items-per-row, 4) - 1)));grid-template-columns:none;grid-auto-flow:column;gap:0;justify-content:unset;overflow-x:auto;overflow:hidden;}
.section.section-logo{margin:0;overflow:hidden;}
.hover-logo-img img{opacity:.2;}
.hover-logo-img img:hover{opacity:1;}
}
/*! CSS Used from: Embedded */
.ap-logolist__item:hover img{transform:scale(.95);}
/*! CSS Used from: https://ap-karpart.myshopify.com/cdn/shop/t/5/assets/ap-logolist.css?v=152684045711586374261709783723 ; media=all */
@media all{
.ap-logolist__item{padding:0;text-align:center;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.ap-logolist--carousel .ap-logolist__list{grid-auto-columns:calc(100% / var(--section-items-per-row, 4) - (var(--grid-gap) / var(--section-items-per-row, 4) * (var(--section-items-per-row, 4) - 1)));grid-template-columns:none;grid-auto-flow:column;gap:0;justify-content:unset;overflow-x:auto;overflow:hidden;}
.section.section-logo{margin:0;overflow:hidden;}
.hover-logo-img img{opacity:.2;}
.hover-logo-img img:hover{opacity:1;}
}
/*! CSS Used from: Embedded */
#shopify-section-logo-list{background-color:#1b283a;padding:60px 0;}
/*! CSS Used from: Embedded */
#shopify-section-logo-list{--heading-color:40, 40, 40;--color-body:40, 40, 40;--main-two-600-button-background:244, 165, 28;--main-two-600-button-text-color:255, 255, 255;--ap-nextap-buttonprev-background:255, 255, 255;--ap-nextap-buttonprev-color:40, 40, 40;--section-logo-background:0 0 0 / 0.0;background-size:auto!important;--background-color-gradient:#050505;}
#shopify-section-logo-list{position:relative;}
#shopify-section-logo-list::before{content:'';background-image:linear-gradient(180deg,var(--background-color-gradient) 0%,#00000000 100%);position:absolute;top:0;width:100%;height:100%;opacity:0.2;}
#shopify-section-logo-list .ap-logolist__list{grid-template-rows:1fr;}
@media screen and (max-width: 767px){
#shopify-section-logo-list{--section-items-per-row:2;}
}
@media screen and (min-width: 768px){
#shopify-section-logo-list{--section-items-per-row:2;}
}
@media screen and (min-width: 992px){
#shopify-section-logo-list{--section-items-per-row:4;}
}
@media screen and (min-width: 1200px){
#shopify-section-logo-list{--section-items-per-row:8;}
}
@media screen and (min-width: 1500px){
#shopify-section-logo-list{--section-items-per-row:8;}
}
.ap-logolist__item:hover img{transform:scale(.95);}
#shopify-section-logo-list .scroller{margin:0;}

.footer  .text-heading, .footer  p, .bottom-footer .text-heading{
    color: #9fa4aa!important;
}


.BasketDetail{background-color:#fff;border:1px solid #eee;padding:10px;width:100%;margin:0;}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
@media (max-width:700px){
.BasketDetail{padding:5px;}
.BasketDetail{margin-bottom:5px;}
}
.BasketDetail{background-color:#fff;border:1px solid #eee;padding:10px;width:100%;margin:0;}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
@media (max-width:700px){
.BasketDetail{padding:5px;}
.BasketDetail{margin-bottom:5px;}
}
body .alisverisedevamet{background:#fff;}
.BasketDetail.EmptyCart{margin-bottom:15px;border:0;padding:0;background-color:transparent;}
.EmptyCart .empty-area{display:-webkit-flex;display:flex;}
.EmptyCart .empty-area>.left{background-color:#fff;border:1px solid #f0f0f0;padding:10px;border-radius:5px;flex:none;width:125px;height:auto;display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin-right:15px;}
.EmptyCart .empty-area>.left>.Icon>span{font-size:30px; color: var(--main-two-600);}
.EmptyCart .empty-area>.right{background-color:#fff;border:1px solid #f0f0f0;padding:20px 25px;border-radius:5px;flex:auto;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.EmptyCart .empty-area>.right>.Text>.T{font-size:14px;font-weight:600;}
.EmptyCart .empty-area>.right>.alisverisedevamet{margin:0;font-weight:400;background-color:var(--main-color);color:#fff;border:0;}
.EmptyCart .empty-area>.right>.alisverisedevamet:hover{background-color:var(--main-color);}
.BasketDetail{background-color:#fff;border:1px solid #eee;padding:10px;width:100%;margin:0;}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.alisverisedevamet{color:#8d8e8f;font-weight:500;background-color:#fff;display:block;padding:12px 22px;border-radius:3px;border:1px solid #f0f0f0;text-align:center;transition:.3s;}
.alisverisedevamet:after{clear:both;display:table;content:"";}
.alisverisedevamet:hover{background:none var(--main-color);color:#fff;border:1px solid var(--main-color);}
@media (max-width:700px){
.BasketDetail{padding:5px;}
.BasketDetail{margin-bottom:5px;}
}
@media only screen and (max-width:575px){
.EmptyCart .empty-area{display:block;background-color:#fff;border:1px solid #f0f0f0;padding:25px 10px;border-radius:5px;text-align:center;}
.EmptyCart .empty-area>.left{width:100%;border:0;padding:0;margin-bottom:15px;}
.EmptyCart .empty-area>.left>.Icon>span{font-size:42px;}
.EmptyCart .empty-area>.right{display:block;border:0;padding:0;}
.EmptyCart .empty-area>.right>.Text{margin-bottom:15px;}
.EmptyCart .empty-area>.right>.cart-btn{display:inline-block;width:100%;max-width:200px;}
}

.promotional-banner-item{
    overflow: hidden;
}
.promotional-banner-item img{
    transition: 0.2s linear;
}
.promotional-banner-item:hover img{
    transform: scale(1.1);
}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper{border:1px solid #eee;border-radius:10px;padding:0 20px 20px;margin-bottom:30px;box-shadow:rgb(50 50 93 / 7%) 0 2px 5px -1px,rgb(0 0 0 / 0%) 0 1px 3px -1px;background-color:#fff;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper:last-child{margin-bottom:0;}
.wrapper-empty{text-align:center;padding:20px 0;color:#253d4e;}
.wrapper-empty>.empty-icon{font-size:45px;margin-bottom:5px;}
.wrapper-empty>.empty-title{font-weight:700;margin-bottom:5px;}
.wrapper-empty>.empty-control{margin-top:15px;}
.wrapper-empty>.empty-control .empty-btn{display:inline-block;padding:10px 13px;font-size:12px;color:#fff;font-weight:600;background-color:var(--main-color);border-radius:6px;cursor:pointer;}
.wrapper-empty>.empty-sub-title{font-size:14px;}
.account-product-list .account-product-item{display:flex;border-radius:5px;padding:15px 20px;background-color:#f9fafb;margin-bottom:15px;color:#253d4e;border:1px solid #f2f2f2;transition:.3s;}
.account-product-list .account-product-item:last-child{margin-bottom:0;}
.account-product-list .account-product-item .item-left{flex:1;display:flex;align-items:center;}
.account-product-list .account-product-item .item-left .product-img{flex:none;max-width:65px;border-radius:10px;overflow:hidden;margin-right:20px;}
.account-product-list .account-product-item .item-left .product-img>a{display:block;}
.account-product-list .account-product-item .item-left .product-info .cardLink{font-size:15px;font-weight:600;color:#253d4e;margin-bottom:6px;}
.account-product-list .account-product-item .item-left .product-info .productBadges .delivery-time{color:#017f00;font-size:12px;font-weight:600;position:relative;padding:0 0 0 20px;}
.account-product-list .account-product-item .item-left .product-info .productBadges .delivery-time::before{content:"\f0d1";font-family:"Font Awesome 6 Pro";font-weight:400;position:absolute;left:0;font-size:12px;top:50%;transform:translateY(-50%);}
.account-product-list .account-product-item .item-left .product-info .productBadges{display:flex;align-items:center;gap:10px;margin-right:10px;}
.account-product-list .account-product-item .item-right .item-prices{display:flex;align-items:center;height:100%;}
.account-product-list .account-product-item .item-right .item-prices .column{margin-left:15px;}
.account-product-list .account-product-item .item-right .item-prices .column .removeFavoriteItem{width:35px;height:35px;line-height:35px;text-align:center;border-radius:5px;cursor:pointer;background-color:#f6f6f7;}
.account-product-list .account-product-item .item-right .item-prices .column .pPrice{font-weight:700;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart{background-color:#028000;padding:11px 5px;text-align:center;color:#fff;font-size:12px;border-radius:5px;transition:.3s;cursor:pointer;width:126px;font-weight:600;}
.account-product-list .account-product-item .item-right .item-prices .column .AlertPriceEdit{width:35px;height:35px;line-height:35px;text-align:center;border-radius:5px;cursor:pointer;background-color:var(--main-color);color:#fff;}
.account-product-list .account-product-item .item-right .item-prices .column .AlertPriceEdit:hover{background-color:#fff2e3;color:var(--main-color);}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head{display:flex;align-items:center;grid-gap:20px;border-bottom:1px solid #eee;margin-bottom:20px;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrapper-body.follow-list-tab-body{display:none;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item{position:relative;font-size:14px;padding:15px 0;color:#253d4e;cursor:pointer;transition:.3s;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item::before{content:"";display:block;position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#1f89ca;opacity:0;transition:.3s;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item.active{color:#1f89ca;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item.active::before{opacity:1;}
@media only screen and (min-width:991px){
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item:hover{color:#1f89ca;}
}
@media only screen and (max-width:1400px){
.account-product-list .account-product-item .item-left .product-info .productBadges{flex-direction:column;align-items:start;gap:5px;margin-right:0;margin-bottom:5px;}
}
@media only screen and (max-width:575px){
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head{grid-gap:0;}
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item{flex:1;text-align:center;font-size:13px;padding:15px 5px;}
}
@media only screen and (max-width:480px){
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item{font-size:12px;padding:15px 0;}
}
@media only screen and (max-width:375px){
section.account-pages .account-content-wrapper .account-content-right .right-wrapper>.wrappper-tabs-head>.item{font-size:12px;padding:15px 0;}
}
@media only screen and (min-width:992px){
.account-product-list .account-product-item:hover{background-color:#fff;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart:hover{filter:brightness(1.1);}
.account-product-list .account-product-item .item-right .item-prices .column .removeFavoriteItem:hover{background-color:#ffe4e3;color:#8c2e2a;}
.account-product-list .account-product-item .item-left .product-info .cardLink:hover{color:var(--main-color);}
}
@media only screen and (max-width:1199px){
.account-product-list .account-product-item{display:block;padding:10px;}
.account-product-list .account-product-item .item-left .product-img{margin-right:10px;}
.account-product-list .account-product-item .item-left .product-info .cardLink{font-size:13px;}
.account-product-list .account-product-item .item-right .item-prices .column{margin-left:10px;}
.account-product-list .account-product-item .item-right .item-prices{width:100%;justify-content:space-between;margin-top:12px;}
.account-product-list .account-product-item .item-right .item-prices .column:first-child{flex:auto;margin:0;}
.account-product-list .account-product-item .item-right .item-prices .column .pPrice{font-size:14px;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart{padding:10px;}
.account-product-list .account-product-item .item-right .item-prices .column .AlertPriceEdit{height:35px;line-height:35px;}
.account-product-list .account-product-item .item-right .item-prices .column .removeFavoriteItem{height:35px;line-height:35px;}
}
@media only screen and (max-width:991px){
section.account-pages .account-content-wrapper .account-content-right .right-wrapper{margin-bottom:15px;padding:0 15px 15px;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart{font-size:0;width:50px;height:35px;display:flex;align-items:center;justify-content:center;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart::before{content:"\e0af";font-family:"Font Awesome 6 Pro";font-weight:300;font-size:16px;}
.account-product-list .account-product-item .item-right .item-prices .column .CardAddCart::before{content:"\f0e0";font-family:"Font Awesome 6 Pro";font-weight:300;font-size:16px;}
}


.order-none{margin: 0 auto;}
.product-image{display:block;width:100%;}

.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
@media (max-width:700px){
.BasketDetail{padding:5px;}
.BasketDetail{margin-bottom:5px;}
}
.bg-ddd{background-color:#f8f8f8;padding-top: 30px;}
.BasketDetail{background-color:#fff;border:1px solid #eee;padding:10px;width:100%;margin:0;}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.BasketDetail{margin-bottom:20px;}
.BasketDetail:after{clear:both;display:table;content:"";}
.sepetItemB0{width:20%;}
.sepetItemB1{width:34%;}
.sepetItemB1 a{font-size:13px;line-height:20px;display:block;color:#1c293b;}
.sepetItemB1 a:hover{color:var(--main-color);}
.sepetItemB1 span{display:block;line-height:20px;font-size:12px;}
.sepetItemB2{width:15%;text-align:center;padding:26px 0;}
.sepetItemPriceContent{display:flex;align-items:center;justify-content:center;width:30%;}
.sepetItemB3{flex:1;text-align:center;}
.sepetItemB3 .sepetItemB3_2{font-size:18px;display:block;line-height:24px;}
.sepetItemB4{width:15%;text-align:center;}
.sepetItemB4{flex:1;text-align:center;padding:37px 0;color:var(--theme-color);font-size:18px;line-height:24px;font-weight:600;}
.sepetItem{display: flex; justify-content: space-between; align-items: center; background-color:#fff;border:1px solid #f0f0f0;margin-bottom:15px;padding:10px;border-radius:5px;position:relative;}
.sepetItem:last-child{margin-bottom:0;}
.sepetItem:after{clear:both;display:table;content:"";}
.sepetItem>div{float:left;}
.sepetItem div.sepetItemB0{width:70px;overflow:hidden;padding:0;margin-right:20px;border:0;}
.sepetImg{max-height:100px;max-width:100%;}
.UrunContent:after{clear:both;display:table;content:"";}
.Odeme-RightLine{text-align:left;padding:0;}
.Odeme-RightLine:after{clear:both;display:block;content:"";}
.Odeme-RightLine div.Left{line-height:20px;font-size:13px;float:left;}
.Odeme-RightLine div.Right{line-height:20px;font-size:13px;float:right;}
#divToplamOdeme{font-size:13px;font-weight:800;color:var(--main-two-600);}
.BasketDetailComplate{width:100%;}
.BasketDetailComplate .UrunContent{display:block!important;}
.BasketDetailComplate .UrunContent .sepetItem{border:0;border-bottom:1px solid #eee;}
.BasketDetailComplate .UrunContent .sepetItem .UrunItemAdet{float:left;margin-left:75px;}
.SiparisTamamlaLine ul li{font-size:14px;line-height:25px;list-style: none}
.SiparisTamamlaLine:after{clear:both;display:table;content:"";}
.BasketDetailComplateBottom{display:block;}
.BasketDetailComplateBottomRow{margin-left:-10px;margin-right:-10px;}
.BasketDetailComplate .BasketDetail{padding-top:60px;min-height:220px;position:relative;margin-top:20px;}
.BasketDetailComplate .BasketDetail.BasketDetailSonuc{padding:40px 0;}
.BasketDetailComplateTittle{border-bottom:1px solid #eee;position:absolute;left:0;top:0;right:0;height:45px;padding:14px 5px;}
.BasketDetailComplateTittle .tittle{font-size:15px;font-weight:600;padding-left:10px;}
#divSiparisTamalandiSonuc .satirLeft{margin-bottom:15px;}
#divSiparisTamalandiSonuc .SiparisBasarili strong{color:#33ae52;font-size:22px;margin-bottom:10px;line-height:25px;font-weight:600;}
#divSiparisTamalandiSonuc .SiparisBasarili span{font-size:18px;line-height:28px;color:#33ae52;display:block;margin-top:25px;}
.SiparisTamamlaLine{text-align:center;}
.basketComplateAdres div{font-size:12px;line-height:22px;display:block;}
@media (max-width:991px){
.sepetItemB.sepetItemB0{width:15%;}
.sepetItem div.sepetItemB0{overflow:hidden;padding:0;margin:0 5px 0 0;}
.sepetItemB.sepetItemB1{width:60%;}
.sepetItemB.sepetItemB1:after{clear:both;display:table;content:"";}
.sepetItemB.sepetItemB2{width:100%;float:left;text-align:left;padding:0;}
.sepetItemB1 span{font-size:11px;}
.sepetItemB3 .sepetItemB3_2,.sepetItemB4{font-size:12px;}
.sepetItemPriceContent{position:absolute;right:10px;bottom:10px;display:block;width:auto;}
.sepetItemPriceContent>div{display:block;flex:none;padding:0;text-align:right;width:auto;}
.sepetItem .sepetItemB1 a{font-size:11px;color:#1c293b;}
.BasketDetailComplate{width:100%;font-size:12px;}
.BasketDetailComplate .satirLeft{float:none;text-align:center;}
.SiparisTamamlaLine .satirRight{float:none;margin-top:8px;}
}
@media (max-width:700px){
.BasketDetail{padding:5px;}
.BasketDetail{margin-bottom:5px;}
.BasketDetailComplate{width:100%;}
.UrunItemAdet{font-size:11px;color:var(--main-color);}
}
.margin-auto{margin:0 auto;}
.siparisTamamlaUrunLink{font-weight:600;font-size:16px;}
.SiparisTamamlaLine table{width:90%;margin:0 auto;border-collapse:collapse;margin-top:10px!important;}
.SiparisTamamlaLine table tr:nth-child(odd){background:#FFF;}
.SiparisTamamlaLine tr:nth-of-type(1){background:rgba(0, 0, 0, 0.04)!important;font-weight:600;}
.SiparisTamamlaLine table tr:nth-child(odd){background:#F5F5F5;}
.SiparisTamamlaLine tr:nth-of-type(1) td{font-weight:600;padding:15px;line-height:1.4;}
.SiparisTamamlaLine td{padding:10px;text-align:center!important;border-bottom:1px solid #dadada;font-size:13px;border-left:none;width:20%;}
.SiparisTamamlaLine td img{margin:0 auto;}

.order-row.e2e-orderRow .e2e-orderRow-container{
    display: none;
}
.order-row.e2e-orderRow.order-row--active .e2e-orderRow-container{
    display: block;
}
.order-row{cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform;transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;border-radius:8px;border:solid 1px #eeeeee;-webkit-box-shadow:0 1px 2px 0 rgba(72,72,72,.08);box-shadow:0 1px 2px rgba(72,72,72,.08);}
.order-row i{font-style:normal;font-size:30px;color:#fff;}
@media only screen and (min-width: 768px){
.order-row{margin-top:20px;border:solid 1px #e5e5e5;}
}
.order-row__summary{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:16px 24px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:8px!important;}
@media only screen and (max-width: 576px){
.order-row__summary{background-color:#fff;padding:12px 8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.order-row__summary__order-data{margin-left:10px!important;margin-right:10px!important;}
.order-row__summary__price{margin-right:10px!important;}
}
@media only screen and (max-width: 576px){
.order-row__summary__order-data{margin-right:0!important;}
.order-row__summary__order-data .date{margin-top:0!important;}
.order-row__summary__toggle{margin-right:4px;margin-top:0!important;min-width:inherit!important;width:inherit!important;}
.order-row__summary__toggle svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
}
.order-row__summary__order-data{-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-width:1px;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.order-row__summary__order-data{margin-right:-10px;}
}
:root .order-row__summary__order-data{margin-right:-10px;}
@media only screen and (max-width: 576px){
.order-row__summary__order-data .order-number{display:none;}
}
.order-row__summary__order-data .order-number b{font-size:14px;margin-left:4px;line-height:1.5;letter-spacing:-.28px;}
@media only screen and (max-width: 576px){
.order-row__summary__order-data .order-number b{font-size:12px;}
}
.order-row__summary__order-data .date{margin-top:5px;}
.order-row__summary__price{text-align:right;}
.order-row__summary__price b{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#439e4a!important;}
@media only screen and (max-width: 576px){
.order-row__summary__price b{font-size:12px;}
}
.order-row__summary__order-data,.order-row__summary__price,.order-row__summary__progress-bar{-webkit-flex:1;-ms-flex:1;flex:1;margin-right:20px;}
.order-row__summary__order-data b,.order-row__summary__price b{color:#484848;}
.order-row__summary__order-data small,.order-row__summary__price small{color:#919191;font-size:12px;margin-top:8px;line-height:1.5;letter-spacing:-.24px;text-decoration:none;}
.order-row__summary__order-data small:hover,.order-row__summary__order-data small:active,.order-row__summary__order-data small:focus,.order-row__summary__price small:hover,.order-row__summary__price small:active,.order-row__summary__price small:focus{text-decoration:none!important;color:#919191!important;}
.order-row__summary__toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#484848;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:32px;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
@media only screen and (min-width: 768px){
.order-row__summary__toggle{margin-left:40px;}
}
.order-row__summary__toggle__icon{width:32px;height:32px;background-color:rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:32px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s ease;transition:all .5s ease;}
.order-row__summary__toggle__icon--opened svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.order-row__summary__toggle__icon svg{fill:currentColor;height:14px;width:14px;}
.order-row__summary__order-data,.order-row__summary__price{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.order-row__summary__progress-bar{min-width:280px;}
@media only screen and (max-width: 992px){
.order-row__summary__progress-bar{-webkit-order:1;-ms-flex-order:1;order:1;margin-top:16px;min-width:inherit!important;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;margin-left:0;margin-right:0;}
}
.order-row__container{background-color:#fff;cursor:default;position:relative;margin:0 24px 16px;padding-top:16px;}
.order-row-summary{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding-left:12px;}
.order-row-summary__single-status{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.order-row-summary__single-status span{font-size:12px!important;display:block;font-weight:600;color:#484848;}
.order-row-summary__total-status{margin-top:4px;color:#666;font-size:11px;line-height:16px;padding-left:24px;}
.order-detail{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
.order-detail-cards{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.order-detail-cards__item-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;}
@media only screen and (max-width: 576px){
.order-detail-cards__item-container{border:1px solid #dddddd;}
}
.order-detail-cards__item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;width:100%;min-height:118px;}
@media only screen and (max-width: 992px){
.order-detail-cards__item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
}
.order-detail-cards__column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;}
@media only screen and (max-width: 992px){
.order-detail-cards__column{width:100%;}
}
@media only screen and (min-width: 992px){
.order-detail-cards__column{-webkit-flex:1;-ms-flex:1;flex:1;}
}
.order-detail-cards__column--information{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
@media only screen and (max-width: 576px){
.order-detail-cards__column--information{display:block;}
}
.lineitem-content{background-color:#f5f5f5;color:#7b7b7b;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:13px;position:relative;}
@media only screen and (max-width: 992px){
.lineitem-content{border-top-right-radius:0;border-bottom-left-radius:8px;}
}
.lineitem-content__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.lineitem-content__header__icon{background-color:#484848;width:48px;height:48px;border-radius:50%;margin-right:12px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.lineitem-content__header__content .title{font-size:14px;color:#484848;}
.lineitem-content__header__content .date{color:#7b7b7b;font-size:12px;margin-top:8px;}
.lineitem-content--delivered{background-color:#f7fdf7;}
.lineitem-content--delivered .lineitem-content__header__icon{background-color:#5ad363;}
.lineitem-content--delivered .lineitem-content__header__content .date{color:#439e4a;}
.lineitem-content__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:24px 24px 0;}
.lineitem-content__header__icon{width:48px;height:48px;border-radius:50%;margin-right:12px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.lineitem-content__header__icon svg{width:24px;height:24px;}
.lineitem-content__header__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;}
.lineitem-content__header__content .title{font-size:15px;color:#484848;}
.lineitem-content__header__content .date{color:#7b7b7b;font-size:13px;margin-top:8px;margin-bottom:4px;}
.lineitem-content__body{padding-left:84px;padding-right:24px;}
.card-products{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:16px;}
.card-products__item{width:100%;}
.order-detail-cards__column .product-card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; align-items: center;}
.order-detail-cards__column .product-card__image{position:relative;height:64px;width:64px;}
.order-detail-cards__column .product-card__image img{display:block;width:100%;}
.order-detail-cards__column .product-card__content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:16px;-webkit-flex:1;-ms-flex:1;flex:1;}
.order-detail-cards__column .product-card__content div:not(:first-child){margin-top:8px;}
.order-detail-cards__column .product-card__content__title{color:#484848;font-size:12px;line-height:1.5;letter-spacing:-.24px;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.order-detail-cards__column .product-card__content__title{white-space:pre-wrap;word-break:break-all;}
}
:root .product-card__content__title{white-space:pre-wrap;word-break:break-all;}
.product-card__content__title a{color:#484848;text-decoration:none;}
.product-card__content__title a:hover,.product-card__content__title a:focus{text-decoration:none;}
.product-card__content__price{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#439e4a;font-size:15px;font-weight:600;}
.product-card-children__buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:8px;}
.product-card-children__buttons div{margin-top:0;}
.product-card-children__item{margin-top:8px!important;margin-right:8px;}
.product-card-children__add-to-cart{height:28px;position:relative;}
.order-information{color:#484848;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px;padding-left:8px;padding-right:8px;margin-top:48px;padding-bottom:16px;width:100%;}
@media (max-width: 576px) and (min-width: 321px){
.order-information{border-radius:4px;margin-top:24px;margin-bottom:24px;}
}
@media only screen and (max-width: 992px){
.order-information{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:20px;padding-left:0;padding-right:0;}
}
.order-information__column{-webkit-flex:1;-ms-flex:1;flex:1;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.order-information__column{-webkit-flex-basis:1px;-ms-flex-preferred-size:1px;flex-basis:1px;}
}
@media only screen and (max-width: 992px){
.order-information__column:not(:first-child){margin-top:48px;}
}
.order-information__column--shipping-address{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.order-information__column__row{-webkit-flex:1;-ms-flex:1;flex:1;}
.order-information__column--payment .order-information__content{width:100%;}
@media only screen and (min-width: 992px){
.order-information__column--payment .order-information__content{max-width:360px;}
}
.order-information__column--addresses .order-information__content{width:100%;}
@media only screen and (min-width: 992px){
.order-information__column--addresses .order-information__content{max-width:360px;}
}
.order-information__column--addresses .order-information__content .address{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.order-information__column--addresses .order-information__content .address address{-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-word;font-style:normal;line-height:19px;}
.order-information__column--addresses .order-information__content .address address p{margin:0;}
.order-information__title{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#484848;font-size:20px;font-weight:600;margin-top:0;margin-bottom:24px;}
.order-information__content__address-title{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.32px;margin-bottom:8px;display:block;color:#484848;}
.order-information__content address{text-transform:capitalize;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:-.24px;color:#484848;}
.order-information__payments{margin-bottom:16px;}
.order-information__group{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;padding-left:8px;padding-right:8px;position:relative;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.order-information__group:not(:first-child){margin-top:8px;}
.order-information__group:not(:last-child){margin-bottom:8px;}
.order-information__group--divider{height:1px;margin-top:20px!important;margin-bottom:20px!important;background-color:#e5e5e5;}
.order-information__group__key,.order-information__group__value{-webkit-flex:1;-ms-flex:1;flex:1;}
.order-information__group__key{color:#7b7b7b;font-weight:600;font-size:12px;}
.order-information__group__value{text-align:right;color:#484848;font-weight:600;font-size:12px;}
.order-information__group__value--total-amount{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;color:#484848;}

.dashboard-content p{margin:0;}
.order-row.e2e-orderRow .e2e-orderRow-container{display:none;}
.orders-page__order-list__item{overflow:hidden;}
.solo-button{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;line-height:1.5;letter-spacing:-.32px;border:2px solid transparent;font-weight:600;min-width:140px;height:48px;font-size:16px;border-radius:8px;padding-left:8px;padding-right:8px;}
.solo-button,.solo-button:focus,.solo-button:hover{-webkit-transition:all .5s ease;transition:all .5s ease;}
.solo-button:disabled{background-color:#ccc;color:#919191;cursor:not-allowed;}
.solo-button:disabled:focus,.solo-button:disabled:hover{background-color:#ccc;color:#919191;}
.solo-button--style-light{background-color:#f5f5f5;color:#484848;}
.solo-button--style-light:hover{background-color:#eee;}
.solo-button--style-light:focus{background-color:#e5e5e5;}
.solo-button--tiny{min-width:88px;height:32px;font-size:12px;}
.order-row-summary__single-status i{background-color:var(--main-color);font-size:13px;margin-right:5px;padding:4px;border-radius:7px;}



.solo-checkbox{position:relative;}
.solo-checkbox__input{height:24px;left:0;opacity:0;position:absolute;top:0;width:24px;}
.solo-checkbox__input:disabled{cursor:not-allowed;opacity:.3;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;}
.solo-checkbox__checkmark{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border:2px solid #9b9b9b;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:24px;justify-content:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:24px;}
.solo-checkbox__icon{font-size:13px;}
.solo-checkbox__input:checked+.solo-checkbox__checkmark{background-color:var(--main-color);border-color:var(--main-color);}
.solo-checkbox__input:disabled+.solo-checkbox__checkmark{border-color:#ccc;cursor:not-allowed;}
.solo-checkbox__input:checked:disabled+.solo-checkbox__checkmark{background-color:#9b9b9b;border-color:#9b9b9b;}

.claim-creation__product{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}
.claim-creation__product{-ms-flex-pack:justify;border:1px solid #eee;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:14px 32px 4px 24px;width:100%;}
@media only screen and (max-width:576px){
.claim-creation__product{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:16px 16px 0;}
.claim-creation__product__label{padding-bottom:16px;}
}
.claim-creation__product__label--selected{margin-right:24px;}
.claim-creation__product__row{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:8px;width:100%;}
@media only screen and (max-width:576px){
.claim-creation__product__row{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}
}
.claim-creation__product:not(:first-child){margin-top:16px;}
.claim-creation__product__label{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:75%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
@media only screen and (max-width:576px){
.claim-creation__product__label{max-width:100%;}
}
.content-title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:16px;margin-top:16px;}
.content-title__icon{display:none;height:28px;margin-right:8px;width:28px;}
.content-title__head{-ms-flex-align:center;align-items:center;color:#484848;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;letter-spacing:-.45px;margin-bottom:0;margin-top:0;}
.claim-product-card{-ms-flex-direction:row;flex-direction:row;}
.claim-product-card,.claim-product-card__image{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;}
.claim-product-card__image{-ms-flex-pack:center;border:1px solid #e5e5e5;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;height:48px;justify-content:center;margin:0 16px 0 0;position:relative;width:48px;}
.claim-product-card__image__source{border-radius:50%;object-fit: contain; width: 100%; height: 48px;}
.claim-product-card__info{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;}
.claim-product-card__info>:nth-child(3){margin-top:2px;}
.claim-product-card__merchant,.claim-product-card__name,.claim-product-card__price{color:#646464;font-size:12px;letter-spacing:-.24px;}
.claim-product-card__merchant__link{color:#6c84fa;font-weight:600;margin-left:4px;}
.claim-product-card__price{color:#484848;font-weight:600;}
.claim-product-card__price__value{font-size:18px;letter-spacing:-.36px;line-height:1.11;margin-right:4px;}
.claim-product-card__price__currency{font-size:14px;letter-spacing:-.28px;}




.solo-tooltip{max-width:280px;z-index:3;}
.solo-tooltip--hidden{z-index:-1;}
.solo-tooltip--hidden .solo-tooltip__arrow,.solo-tooltip--hidden .solo-tooltip__container{opacity:0;visibility:hidden;}
.solo-tooltip__arrow,.solo-tooltip__arrow:after{height:10px;position:absolute;width:10px;}
.solo-tooltip__arrow:after{background-color:#484848;content:" ";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.solo-tooltip[data-popper-placement^=top] .solo-tooltip__arrow{bottom:-5px;}
.solo-tooltip__container{background-color:#484848;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-ms-flexbox;display:flex;padding:8px 12px;}
.solo-tooltip__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;}
.solo-tooltip__description{font-size:14px;letter-spacing:-.24px;line-height:1.5;margin-bottom:0;margin-top:0;}
.solo-radio{position:relative;}
.solo-radio__input{height:24px;left:0;opacity:0;position:absolute;top:0;width:24px;}
.solo-radio__input:disabled{cursor:not-allowed;opacity:.3;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;}
.solo-radio__checkmark{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border:2px solid #9b9b9b;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:24px;justify-content:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:24px;}
.solo-radio__icon{font-size:13px;}
.solo-radio__input:checked+.solo-radio__checkmark{background-color:#ff6000;border-color:#ff6000;}
.solo-radio__input:checked+.solo-radio__checkmark--cornflower{background-color:var(--main-color);border-color:var(--main-color);}
.solo-radio__input:disabled+.solo-radio__checkmark{border-color:#ccc;cursor:not-allowed;}
.solo-radio__input:checked:disabled+.solo-radio__checkmark{background-color:#9b9b9b;border-color:#9b9b9b;}
.claim-creation__content {display: grid;}


.solo-checkbox__checkmark::before, .solo-radio__checkmark::before{
    display: none;
}


.solo-checkbox__checkmark::after, .solo-radio__checkmark::after
{
    left: 9px!important;
}
.solo-tooltip{z-index:999!important;}
.claim-creation__radio-group{display:grid;gap:16px;grid-template-columns:1fr 1fr;}
@media only screen and (max-width:576px){
.claim-creation__radio-group{grid-template-columns:1fr;}
}
.claim-creation__radio-group__item{-ms-flex-align:center;align-items:center;border:2px solid #e5e5e5;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:60px;padding:16px;}

.claim-creation__radio-group__text{color:#484848;font-size:14px;margin-left:8px;}
.content-title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:16px;margin-top:16px;}
.content-title__icon{display:none;height:28px;margin-right:8px;width:28px;}
.content-title__head{-ms-flex-align:center;align-items:center;color:#484848;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;letter-spacing:-.45px;margin-bottom:0;margin-top:0;}
.content-title__description{color:#646464;font-size:14px;letter-spacing:-.28px;margin:4px 0 0;}
.option-selection{margin-bottom:16px;}
.option-selection__radio-group{margin-top:16px;}
.option-selection__tooltip--hidden{display:none;}
.solo-tooltip--hidden{z-index:-1!important;}
.btn-theme{background-color: var(--main-color); color: #ffffff; border: 1px solid var(--main-color)}


.mb-5{margin-bottom:0.75rem!important;}
.mb-11{margin-bottom:2.5rem!important;}
.fs-3{font-size:2.125rem!important;}
.fs-160px{font-size:12rem!important;}



.order-details .badge{padding:5px 10px;font-weight:600;background-color:var(--main-two-600);color:white;border-radius:4px;font-size:12px;min-width:22px;min-height:22px;text-transform:uppercase;text-align:center;}
.order-details .badge:hover{color:#fff;}
.order-details .badge svg{ width:25px;margin-right:10px }
.tab-content{margin-top:0px;}
.dz-tabs .nav-tabs{border:0;border-bottom:1px solid #D7D7D7;}
.dz-tabs .nav-tabs .nav-link{width:100%;padding:10px 20px;text-align:start;font-size:16px;font-weight:500;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent;color:#000;box-shadow:unset;}
@media only screen and (max-width: 575px){
.dz-tabs .nav-tabs .nav-link{font-size:14px;}
}
.dz-tabs .nav-tabs .nav-link.active{border-color:#000;color:#000;}
.order-details .order-head{display:flex;align-items:center;border-bottom:1px dashed rgba(0, 0, 0, 0.3);padding-bottom:20px;margin-bottom:30px;}
.order-details .shiping-tracker-detail{margin-bottom:15px;}
.order-details .shiping-tracker-detail .title{font-weight:500;font-size:15px;}
.dz-tabs.style-3 .nav-tabs{margin-bottom:30px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.dz-tabs.style-3 .nav-tabs .nav-link{display:inline-block;padding:12px 0;border:0;font-size:16px;font-weight:400;margin:0;margin-right:15px;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;position:relative;background-color:transparent;width:auto!important;}
.dz-tabs.style-3 .nav-tabs .nav-link:after{content:"";background-color:var(--main-two-600);width:0;height:3px;position:absolute;bottom:-2px;left:50%;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;transform:translateX(-50%);}
.dz-tabs.style-3 .nav-tabs .nav-link.active,.dz-tabs.style-3 .nav-tabs .nav-link:hover{color:var(--main-two-600);}
.dz-tabs.style-3 .nav-tabs .nav-link.active:after,.dz-tabs.style-3 .nav-tabs .nav-link:hover:after{width:100%;}
.widget-timeline .timeline{list-style:none;position:relative;}
.widget-timeline .timeline:before{top:1.25rem;bottom:3rem;position:absolute;content:" ";width:0.1275rem;left:10px;border-right:2px dashed rgba(0, 0, 0, 0.15);}
.widget-timeline .timeline > li{margin-bottom:0.9375rem;position:relative;}
.widget-timeline .timeline > li:before{content:" ";display:table;}
.widget-timeline .timeline > li:after{content:" ";display:table;clear:both;}
.widget-timeline .timeline > li > .timeline-box{padding:10px 10px 10px 15px;position:relative;display:block;margin-left:2.5rem;}
.widget-timeline .timeline > li > .timeline-box span{font-size:0.75rem;display:block;margin-bottom:0.3125rem;letter-spacing:0.0625rem;}
.widget-timeline .timeline > li > .timeline-box p{font-size:0.875rem;margin-bottom:0;color:#000;}
.widget-timeline .timeline > li > .timeline-badge{border-radius:50%;height:1.375rem;left:0;position:absolute;top:0.625rem;width:1.375rem;border-width:0.125rem;border-style:solid;padding:0.25rem;background-color:#fff;border-color:#cfcfcf;}
.widget-timeline .timeline > li > .timeline-badge:after{content:"";width:0.625rem;height:0.625rem;border-radius:100%;display:block;background:#cfcfcf;}
.widget-timeline .timeline > li > .timeline-badge.primary{border-color:#CC0D39;}
.widget-timeline .timeline > li > .timeline-badge.primary:after{background:#CC0D39;}
.widget-timeline .timeline > li > .timeline-badge.success{border-color:#31A56D;}
.widget-timeline .timeline > li > .timeline-badge.success:after{background:#31A56D;}
.tracking-item-content{display:flex;justify-content:space-between;}
.tracking-item{display:flex;align-items:center;margin-bottom:25px;}
.tracking-item .tracking-product{width:85px;height:auto;border:1.5px solid #D7D7D7;padding:10px;border-radius:8px;margin-right:20px;}
.tracking-product-content .title{margin-bottom:0;font-size: 20px}
.tracking-product-content strong{color:#000;}
.tracking-receiver li{margin-bottom:5px;font-size:14px;}
.tracking-receiver strong{color:#000;}
.order-details h6{
    font-size: 20px;
}
.order-details h5{
    font-size: 24px;
}
.order-details h4{
    font-size: 30px;
}

.traking-text{
    font-size: 14px;
    line-height: 18px;
    color: #555555;
}
.traking-text a{color:#555555;}



.brator-parts-search-box-area.design-two .brator-parts-search-box-form button{font-size:16px;font-weight:700;line-height:16px;background:var(--main-two-600);border:2px solid var(--main-two-600);color:white;padding:15px 20px;border-radius:4px;height:52px;text-transform:capitalize;transition:0.3s;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button:hover{background:#000;border:2px solid #000;}

.brator-breadcrumb-area{padding:37px 0 0;}
.brator-parts-search-box-area.design-two{background:var(--color-white);border-radius:5px;padding-top:0px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header h2{font-size:30px;color:black;font-weight:700;margin-bottom:10px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header p{margin-bottom:30px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form{padding:30px;border-width:1px;border-color:var(--main-two-600);border-style:solid;border-radius:8px;background-color:#fff5f3;display:flex;justify-content:space-between;margin-bottom:0;gap:30px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single{display:block;width:220px;height:50px;border-radius:3px;position:relative;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single .select2-selection__rendered{line-height:50px;padding:0 20px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single  .select2-selection__arrow{top:50%;transform:translateY(-50%);right:12px;}
.brator-parts-search-box-area.design-two .select2-container--default.select2-container--disabled .select2-selection--single{background:transparent;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select{background-position-y:16px;background-position-x:95%;margin-bottom:0px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select:disabled{background-color:transparent;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button{width:100%;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .form-submit{max-width: 200px; background:var(--main-color);border:2px solid var(--main-color)}
.brator-parts-search-box-area.design-two .selectbox {width: 100%}
.brator-parts-search-box-area.design-two .selectbox .dropdown-menu{left: 0!important;top: 0px!important}


.brator-parts-search-box-area.design-two table.motor-dropdown-table tr > td ul{width: 300px}
@media only screen and (min-width: 300px) and (max-width: 1199.98px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form{flex-wrap:wrap;justify-content:flex-start;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select{width:calc(33.3333333% - 30px);}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select{width:calc(50% - 30px);}
}
@media only screen and (min-width: 300px) and (max-width: 625.98px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form{gap:30px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select{width:calc(100% - 0px);margin-bottom:10px;}
}
@media (max-width: 1600px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single{width:100%;}
}
@media only screen and (min-width: 310px) and (max-width: 767px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button{width:100%!important;}
}

@media only screen and (min-width: 300px) and (max-width: 1199px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button{width:calc(33.3333333% - 30px);max-width:262px;}
}
@media only screen and (min-width: 300px) and (max-width: 576.98px){
.brator-parts-search-box-area.design-two .brator-parts-search-box-header h2{font-size:25px;}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header p{margin-bottom:13px;}
}

.bank-cards {
    gap: 6px;
    align-items: center;
    display: flex;
}
.bank-cards .bank{
    background-color: #000;
    padding: 20px;
    width: 60px;
    height: 35px;
    border-radius: 10px;
}

.bank-cards img{max-width: 100%}
.wp-fixed {
    position: fixed;
    bottom: 30px;
    left: 50px;
    z-index: 10;
}

.wp-fixed a svg path#Path_2348 {
    fill: #58be20;
}
.wp-fixed a svg path, .wp-fixed a svg g {
    stroke: #fff;
    fill: #fff;
}

.max-w-230{max-width: 230px}




.card-list{margin:0 0 20px;}
.card-list-items{display:flex;width:100%;justify-content:space-between;}
.card-list-items .card-item{position:relative;padding:0 12px;text-align:center;color:#777;font-weight:300;font-size:16px;float:left;width:auto;}
.card-list .card-list-items .card-item .image{position:relative;height:52px;}
.card-list .card-list-items .card-item .image img{max-width:100%;max-height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;}
@media only screen and (max-width:991px){
.card-list-items{flex-wrap:wrap;justify-content:flex-start;}
.card-list .card-list-items .card-item .image img{max-height:20px!important;}
}
.card-list .card-list-items .card-item .text{font-weight:700;font-size:12px;margin-top:3px;color:#333;}
.card-list .card-list-items .card-item .text span{display:block;font-size:22px;}
.card-list .card-list-items .card-item:after{content:"";display:block;width:1px;height:40px;background-color:#d6d6d6;position:absolute;right:-4px;top:10px;}
@media only screen and (max-width:767px){
.card-list .card-list-items .card-item{margin-bottom:15px;}
}



.features-wrapper{display:flex;align-items:center;grid-gap:15px; margin-top: 30px}
.features-wrapper .features-item{flex:1;background-color:#f6f6f7;padding:10px;border-radius:10px;display:flex;align-items:center;padding-left:30px;position:relative;cursor:pointer;transition:.3s;min-height:62px;}
.features-wrapper .features-item>img{flex:none;width:42px;margin-right:10px;}
.features-wrapper .features-item>p{font-weight:600;font-size:13px;text-align:left;}
.features-wrapper .features-item>.features-tooltip{position:absolute;opacity:0;visibility:hidden;background-color:#ededed;left:0;padding:11px;text-align:left;transition:.3s;top:calc(100% + 18px);border-radius:10px;}
.features-wrapper .features-item>.features-tooltip:after{bottom:100%;left:45px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#f3f3f3;border-width:8px;margin-left:-8px;transform:rotate(180deg);}
.features-wrapper .features-item>.features-tooltip>p{font-size:12px;color:#253d4e;}
@media only screen and (min-width:991px){
.features-wrapper .features-item:hover{background-color:#efefef;}
.features-wrapper .features-item:hover>.features-tooltip{opacity:1;visibility:visible;}
}

.tab-text p{font-size: 13px;margin-bottom: 10px}
.blog-text h1{font-size: 33px}
.blog-text h2{font-size: 30px;}
.blog-text h3{font-size: 26px}
.blog-text h4{font-size: 22px}
.blog-text h5{font-size: 20px}
.blog-text h6{font-size: 17px}
.blog-text p{margin-bottom: 5px}
.blog-text ul li, .blog-text ol li{margin-left: 20px;list-style: circle;}

.banner-item-two__content{height: 420px}
@media only screen and (max-width:991px){
    .banner-item-two__content{
        height: 0;
    }
    .mail-form .FormElements{display: block;}
    .mail-form .FormElements .item{
        width: 100%;
    }
}

.full-slider .banner-item-two__content{max-width: 100%}
.full-slider .banner-item-two__content{height: 100%}
@media only screen and (max-width:1399px){
    .banner-two .selectbox .btn-select, .banner-two .input input{height: 30px}
}