/* test */

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

.fal,
.fa-light {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

:root,
:host {
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-thin-100.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-thin-100.ttf") format("truetype");
}

.fat,
.fa-thin {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 900;
    src: url("/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 400;
    src: url("/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 300;
    src: url("/lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Duotone";
    font-display: block;
    font-weight: 900;
    src: url("/lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("/lib/fontawesome/webfonts/fa-v4compatibility.woff2") format("woff2"), url("/lib/fontawesome/webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252, U+F27A;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
}

.fab{
    font-weight: 400;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    box-sizing: border-box;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none;
    color: inherit;
}

button {
    border: none;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th,
td {
    text-align: left;
    padding: 8px;
    border: 1px solid var(--theme-gray-shade5);
}

:focus {
    outline: 2px solid var(--theme-gray-shade1);
    outline-offset: 2px;
}


:root {
    /* Primary color with shades */
    --primary: #00ADEF;
    --primary-dark: #4DC6F4;
    --primary-medium: #99DEF9;
    --primary-light: #CCEFFC;
    --primary-rgba-dark: rgba(0, 173, 239, 0.8);
    --primary-rgba-medium: rgba(0, 173, 239, 0.5);
    --primary-rgba-light: rgba(0, 173, 239, 0.3);

    /* Secondary color with shades */
    --secondary: #FF8220;
    --secondary-dark: #FF9B4D;
    --secondary-medium: #FFC190;
    --secondary-light: #FFF3E9;
    --secondary-rgba-dark: rgba(255, 130, 32, 0.8);
    --secondary-rgba-medium: rgba(255, 130, 32, 0.5);
    --secondary-rgba-light: rgba(255, 130, 32, 0.3);

    /* Tertiary color with shades */
    --tertiary: #1B4377;
    --tertiary-dark: #496992;
    --tertiary-medium: #768ead;
    --tertiary-light: #a4b4c9;
    --tertiary-rgba-dark: rgba(27, 67, 119, 0.8);
    --tertiary-rgba-medium: rgba(27, 67, 119, 0.5);
    --tertiary-rgba-light: rgba(27, 67, 119, 0.3);

    /* Theme Dark Color RGBA */
    --dark-rgba-1: rgba(0, 0, 0, 0.8);
    --dark-rgba-2: rgba(0, 0, 0, 0.5);
    --dark-rgba-3: rgba(0, 0, 0, 0.3);
    --dark-rgba-4: rgba(0, 0, 0, 0.2);
    --dark-rgba-5: rgba(0, 0, 0, 0.1);

    /* Theme Common Colors */
    --theme-white-color: #ffffff;
    --theme-black-color: #000000;
    --theme-gray-shade1: #555555;
    --theme-gray-shade2: #777777;
    --theme-gray-shade3: #999999;
    --theme-gray-shade4: #b0b0b0;
    --theme-gray-shade5: #d5d5d5;
    --theme-gray-shade6: #e5e5e5;

    /* Theme Headings and Body Text Colors */
    --theme-heading-color1: #000;
    --theme-heading-color2: #002F60;
    --theme-bodyText-color: #53575F;
    --theme-border-color: #e9e9e9;
}

:root {
    --font-family-Bold: "Heebo-Bold";
    --font-family-SemiBold: "Heebo-SemiBold";
    --font-family-Black: "Heebo-Black";
    --font-family-Light: "Heebo-Light";
    --font-family-Thin: "Heebo-Thin";
    --font-family-Regular: "Heebo-Regular";
    --font-family-ExtraLight: "Heebo-ExtraLight";
    --font-family-Medium: "Heebo-Medium";
    --font-family-ExtraBold: "Heebo-ExtraBold";
}

:root {
    --box-shadow-1: var(--dark-rgba-5) 0px 0px 5px 0px, var(--dark-rgba-5) 0px 0px 1px 0px;
    --box-shadow-2: var(--dark-rgba-4) 0px 2px 8px 0px;
    --box-shadow-3: var(--dark-rgba-3) 0px 1px 0px, var(--dark-rgba-3) 0px 0px 8px;
    --box-shadow-4: var(--primary-rgba-light) 0px 2px 8px 0px;
    --box-shadow-5: var(--secondary-rgba-light) 0px 2px 8px 0px;
    --box-shadow-5: var(--tertiary-rgba-light) 0px 2px 8px 0px;
}

:root {
    --h1-heading-large: 48px;
    --h1-heading-medium: 44px;
    --h1-heading-small: 40px;

    --h2-heading-large: 40px;
    --h2-heading-medium: 36px;
    --h2-heading-small: 32px;

    --h3-heading-large: 32px;
    --h3-heading-medium: 28px;
    --h3-heading-small: 24px;

    --h4-font-size: 24px;
    --h5-font-size: 22px;
    --h6-font-size: 20px;

    --body-font-size-large: 20px;
    --body-font-size-medium: 18px;
    --body-font-size-small: 16px;

    --smallText-heading-1: 28px;
    --smallText-heading-2: 26px;
    --smallText-heading-3: 24px;
    --smallText-heading-4: 22px;
}

h1 {
    font-size: var(--h1-heading-small);
    font-family: var(--font-family-SemiBold);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

h2 {
    font-size: var(--h2-heading-small);
    font-family: var(--font-family-SemiBold);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

h3 {
    font-size: var(--h3-heading-small);
    font-family: var(--font-family-SemiBold);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

h4 {
    font-size: var(--h4-font-size);
    font-family: var(--font-family-Medium);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

h5 {
    font-size: var(--h5-font-size);
    font-family: var(--font-family-Medium);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

h6 {
    font-size: var(--h6-font-size);
    font-family: var(--font-family-Medium);
    color: var(--theme-heading-color2);
    margin-bottom: 8px;
}

p,
a,
span,
ul,
li,
font,
article,
strong,
b,
label {
    font-size: var(--body-font-size-medium);
    font-family: var(--font-family-Regular);
    color: var(--theme-bodyText-color);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* Theme Button Styles Start Here */

:root {
    --theme-btn-text-color1: #fff;
    --theme-btn-text-color2: #000;
    --theme-btn-text-color3: #000;

    --theme-btn-bg-color1: #00ADEF;
    --theme-btn-bg-color2: #FF8220;
    --theme-btn-bg-color3: #1B4377;

    --theme-btn-border-color1: #00ADEF;
    --theme-btn-border-color2: #FF8220;
    --theme-btn-border-color3: #1B4377;
}

.action {
    display: flex;
}

.action-center {
    align-items: center;
    justify-content: center;
}

.theme-btn {
    padding: 10px 24px;
    font-size: 18px;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    font-family: var(--font-family-Regular);
    border: 1px solid transparent;
    color: var(--theme-btn-text-color1);
    background-color: var(--theme-btn-bg-color1);
    cursor: pointer;
    transition: .3s;
}

.theme-btn:hover {
    color: var(--theme-btn-text-color1);
    background-color: var(--theme-btn-bg-color3);
}

.theme-btn2 {
    color: var(--theme-btn-text-color2);
    background-color: var(--theme-btn-bg-color2);
}

.theme-btn2:hover {
    color: var(--theme-btn-text-color1);
    background-color: var(--theme-btn-bg-color3);
}

.theme-btn3 {
    color: var(--theme-btn-text-color1);
    background-color: var(--theme-btn-bg-color3);
}

.theme-btn3:hover {
    color: var(--theme-btn-text-color2);
    background-color: var(--theme-btn-bg-color2);
}

.medium-btn {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 24px;
}

.small-btn {
    padding: 6px 20px;
    font-size: 14px;
    line-height: 22px;
}

/* Theme Button Styles Start Here */

/* Theme Input Styles Start Here */

:root {
    --theme-input-border-color: #e5e5e5;
    --theme-input-text-color: #000;


    --theme-input-placeholder-color: #c7c7c7;
    --theme-input-borderFocus-color: #00ADEF;
}

.theme-input {
    padding: 10px 24px;
    font-size: 18px;
    line-height: 26px;
    border-radius: 4px;
    text-align: right;
    font-family: var(--font-family-Regular);
    border: 1px solid var(--theme-input-border-color);
    color: var(--theme-input-text-color);
    transition: .3s;
}

.theme-input:focus {
    outline: none;
    border: 1px solid var(--theme-input-borderFocus-color);
}

.theme-input::placeholder {
    color: var(--theme-input-placeholder-color);
}

/* Theme Input Styles End Here */

/* Bootstarp Styles Start Here */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width : 992px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        gap: 24px 0;
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (max-width: 576px) {
    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333% !important;
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667% !important;
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: 25% !important;
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333% !important;
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667% !important;
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: 50% !important;
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333% !important;
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667% !important;
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: 75% !important;
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333% !important;
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667% !important;
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}


@media (min-width: 576px) {
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

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

i {
    font-style: normal;
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-phone:before {
    content: "\f095";
}

.fa-comment-alt:before,
.fa-message:before {
    content: "\f27a";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d";
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-comment-dots:before,
.fa-commenting:before {
    content: "\f4ad";
}

.fa-magnifying-glass:before,
.fa-search:before {
    content: "\f002";
}

.fa-user:before {
    content: "\f007";
}

.fa-heart:before {
    content: "\f004";
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-phone:before {
    content: "\f095";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-bars:before,
.fa-navicon:before {
    content: "\f0c9";
}

.fa-text-size:before {
    content: "\f894";
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
    content: "\f042";
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
    content: "\f042";
}

.fa-image:before {
    content: "\f03e";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-font:before {
    content: "\f031";
}

.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
    content: "\f057";
}

.fa-circle-info:before,
.fa-info-circle:before {
    content: "\f05a";
}

.fa-download:before {
    content: "\f019";
}

.fa-check:before {
    content: "\f00c";
}

.fa-list-squares:before,
.fa-list:before {
    content: "\f03a";
}

.fa-grid-3:before,
.fa-grid:before {
    content: "\e195";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-add:before,
.fa-plus:before {
    content: "\2b";
}

.fa-minus:before,
.fa-subtract:before {
    content: "\f068";
}

.fa-mobile-android:before, 
.fa-mobile-phone:before, 
.fa-mobile:before {
    content: "\f3ce";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-check-to-slot:before, 
.fa-vote-yea:before {
    content: "\f772";
}

.fa-box-check::before {
    content: "\f467";
}

.fa-badge-check::before {
    content: "\f336";
}

.fa-magnifying-glass:before, 
.fa-search:before {
    content: "\f002";
}

.box-link:before{
    right: 0;
    font-size: 16px;
    padding: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

.fal,
.fa-light {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

:root,
:host {
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-thin-100.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-thin-100.ttf") format("truetype");
}

.fat,
.fa-thin {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("../../lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 900;
    src: url("../../lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 400;
    src: url("../../lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 300;
    src: url("../../lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Duotone";
    font-display: block;
    font-weight: 900;
    src: url("../../lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7,
        U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A,
        U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("../../lib/fontawesome/webfonts/fa-v4compatibility.woff2") format("woff2"), url("../../lib/fontawesome/webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161,
        U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252, U+F27A;
}

/* Bootstarp Styles End Here */

/* Header Start Here */

.header-main {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 9999;
}

.header-main .top-bar {
    padding: 8px 0;
    border-bottom: 1px solid #f4f4f4;
}

.header-main .top-bar .social-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.header-main .top-bar .social-li:last-child{
    display: none;
}

.header-main .top-bar .social-otr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
}

.header-main .top-bar .social-otr .icon {
    font-size: 28px;
    line-height: 28px;
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.header-main .top-bar .social-otr:hover .icon {
    color: var(--secondary);
}

.header-main .logo-menu-bar .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-main .logo-menu-bar .logo-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-main .logo-menu-bar .logo-otr {
    display: flex;
}

.header-main .logo-menu-bar .logo-otr .logo-img {
    width: 188px;
    height: 80px;
    object-fit: contain;
    object-position: right;
}

.header-main .logo-menu-bar .menu-ul {
    display: flex;
}

.header-main .logo-menu-bar .menu-ul .menu-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 12px;
    gap: 8px;
}

.header-main .logo-menu-bar .menu-ul .menu-li:not(:last-child) {
    border-left: 1px solid var(--theme-gray-shade5);
}

.header-main .logo-menu-bar .menu-ul .menu-link .icon {
    font-size: 28px;
    line-height: 28px;
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.header-main .logo-menu-bar .menu-ul .menu-link .menu-text {
    font-family: var(--font-family-Regular);
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.header-main .logo-menu-bar .menu-link:hover .icon,
.header-main .logo-menu-bar .menu-link:hover .menu-text {
    color: var(--secondary);
}

.header-main .logo-menu-bar .cart-heart-user,
.header-main .menu-bar .cart-heart-user {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-main .logo-menu-bar .cart-heart-user .icon-otr,
.header-main .menu-bar .cart-heart-user .icon-otr {
    position: relative;
    display: flex;
    cursor: pointer;
}

.header-main .logo-menu-bar .cart-heart-user .icon,
.header-main .menu-bar .cart-heart-user .icon {
    font-size: 32px;
    line-height: 32px;
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.header-main .logo-menu-bar .cart-heart-user .icon-otr:hover .icon,
.header-main .menu-bar .cart-heart-user .icon-otr:hover .icon {
    color: var(--secondary);
}

.header-main .logo-menu-bar .cart-heart-user .num-otr,
.header-main .menu-bar .cart-heart-user .num-otr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    left: -12px;
    width: 24px;
    height: 24px;
    background-color: var(--tertiary);
    border-radius: 100%;
    z-index: 5;
}

.header-main .logo-menu-bar .cart-heart-user .num-otr span,
.header-main .menu-bar .cart-heart-user .num-otr span {
    font-size: 14px !important;
    line-height: 12px !important;
    font-family: var(--font-family-Bold) !important;
    color: var(--theme-white-color);
}

.header-main .menu-bar {
    position: initial;
    background-color: var(--primary);
    transition: 0.3s;
}

.header-main .menu-bar .menu-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-main .menu-bar .menu-ul {
    display: flex;
    align-items: center;
}

.header-main .menu-bar .menu-li {
    position: relative;
}

.header-main .menu-bar .menu-ul .menu-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
    transition: 0.3s;
}

.header-main .menu-bar .menu-li .menu-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: calc(100% + 4px);
    background-color: var(--secondary);
    transform: translateX(-50%);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.header-main .menu-bar .menu-li:hover .menu-link::before {
    opacity: 1;
    visibility: visible;
}

.header-main .sticky-nav .menu-li:hover .menu-link::before{
    opacity: 0;
    visibility: hidden;
}

.header-main .menu-bar .menu-li:not(:last-child) .menu-link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 24px;
    transform: translateY(-50%);
    border-left: 1px solid var(--theme-white-color);
}

.header-main .menu-bar .menu-link .icon,
.header-main .menu-bar .menu-link .menu-text {
    position: relative;
    color: var(--theme-white-color);
    z-index: 2;
}

.header-main .menu-bar .menu-link .menu-text {
    font-family: var(--font-family-Medium);
}

.header-main .menu-bar .menu-ul .icon {
    font-size: 16px;
    line-height: 14px;
}

.header-main .menu-bar .menu-ul .menu-drop-down {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 45px;
    width: 280px;
    border-radius: 0 0 8px 8px;
    background-color: var(--theme-white-color);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.header-main .menu-bar .menu-li:hover .menu-drop-down {
    opacity: 1;
    visibility: visible;
}

.header-main .menu-bar .menu-ul .menu-drop-down .drop-menu:not(:last-child){
    border-bottom: 1px solid var(--theme-border-color);
}

.header-main .menu-bar .menu-ul .menu-drop-down .drop-menu {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background-color: transparent;
    transition: 0.3s;
}

.header-main .menu-bar .menu-ul .menu-drop-down .drop-down-li:not(:last-child) {
    border-bottom: 1px solid var(--tertiary);
}

.header-main .menu-bar .menu-ul .menu-drop-down .drop-down-li{
    position: relative;
}

.header-main .menu-bar .menu-ul .menu-drop-down .icon {
    color: var(--secondary);
    transition: 0.3s;
}

.header-main .menu-bar .menu-ul .menu-drop-down .menu-text {
    color: var(--theme-heading-color2);
    font-family: var(--font-family-Medium);
    transition: 0.3s;
}

.header-main .menu-bar .menu-drop-down .drop-menu:hover {
    background-color: var(--secondary);
}

.header-main .menu-bar .menu-drop-down .drop-menu:hover .icon,
.header-main .menu-bar .menu-drop-down .drop-menu:hover .menu-text {
    color: var(--theme-white-color);
}

.header-main .menu-drop-down .drop-down-li:hover .subdrop-ul{
    opacity: 1;
    visibility: visible;
}

.header-main .menu-bar .subdrop-ul{
    position: absolute;
    left: -250px;
    top: 0;
    width: 250px;
    background-color: var(--theme-white-color);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.header-main .menu-bar .subdrop-li:not(:last-child){
    border-bottom: 1px solid var(--tertiary);
}

.header-main .menu-bar .subdrop-link{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background-color: transparent;
    transition: 0.3s;
}

.header-main .menu-bar .subdrop-link:hover{
    background-color: var(--secondary);
}

.header-main .menu-bar .subdrop-link:hover .icon,
.header-main .menu-bar .subdrop-link:hover .menu-text{
    color: var(--theme-white-color);
}

.header-main .menu-bar .subdrop-link .icon{
    color: var(--secondary);
    transition: 0.3s;
}

.header-main .menu-bar .subdrop-link .menu-text {
    color: var(--theme-heading-color2);
    font-family: var(--font-family-Medium);
    transition: 0.3s;
}

.header-main .menu-bar .cart-heart-user {
    opacity: 0;
    visibility: hidden;
}

.header-main .sticky-nav {
    position: fixed;
    top: -86px;
    left: 0;
    width: 100%;
    background-color: var(--theme-white-color);
    border-bottom: 1px solid var(--theme-gray-shade5);
}

.header-main .sticky-nav .container-fluid {
    padding: 0 24px;
}

.header-main .sticky-nav-active {
    top: 0;
}

.header-main .sticky-nav .logo-otr {
    display: flex;
}

.header-main .sticky-nav .logo-otr .logo-img {
    width: 100px;
    height: auto;
    object-fit: contain;
    object-position: right;
}

.header-main .sticky-nav .menu-ul .menu-link {
    padding: 32px 14px;
}

.header-main .sticky-nav .menu-ul .menu-link:hover{
    text-decoration: underline;
}

.header-main .sticky-nav .menu-li:not(:last-child) .menu-link::after {
    border-left: 1px solid var(--theme-heading-color2);
}

.header-main .sticky-nav .menu-link .icon,
.header-main .sticky-nav .menu-link .menu-text {
    color: var(--theme-heading-color2);
}

.header-main .sticky-nav .menu-ul .menu-drop-down {
    top: 85px;
}

.header-main .sticky-nav .cart-heart-user {
    opacity: 1;
    visibility: visible;
}

.mobile-nav {
    display: none;
}

.mobile-nav .mob-header {
    height: 60px !important;
    background: #fff;
    border-bottom: 1px solid var(--theme-border-color);
}

.mobile-nav .mob-header .container{
    padding-left: 12px;
    padding-right: 12px;
}

.mobile-nav .container .row {
    padding: 15px 0 !important;
}

.mobile-nav .logo-site{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mobile-nav .cart-search-social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mobile-nav .cart-search-social .icon-otr {
    position: relative;
    display: flex;
    cursor: pointer;
}

.mobile-nav .cart-search-social .icon {
    font-size: 28px;
    line-height: 28px;
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.mobile-nav .cart-search-social .icon-otr:hover .icon {
    color: var(--secondary);
}

.mobile-nav .cart-search-social .num-otr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    background-color: var(--tertiary);
    border-radius: 100%;
    z-index: 5;
}

.mobile-nav .cart-search-social .num-otr span {
    font-size: 12px !important;
    line-height: 11px !important;
    font-family: var(--font-family-Bold) !important;
    color: var(--theme-white-color);
}

.mobile-nav .icon-main .icons-ul{
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-nav .icons-ul .icon{
    font-size: 22px;
    color: var(--tertiary);
}

.mobile-nav .icons-ul .icons-li:last-child{
    display: none;
}

@media (max-width: 1440px) {

    .header-main .menu-bar .menu-link .menu-text,
    .header-main .logo-menu-bar .menu-ul .menu-link .menu-text {
        font-size: 14px;
    }

    .header-main .logo-menu-bar .menu-ul .menu-link .icon {
        font-size: 20px;
        line-height: 20px;
    }

    .header-main .logo-menu-bar .cart-heart-user .icon,
    .header-main .menu-bar .cart-heart-user .icon,
    .header-main .top-bar .social-otr .icon {
        font-size: 24px;
        line-height: 24px;
    }

    .header-main .logo-menu-bar .cart-heart-user .num-otr,
    .header-main .menu-bar .cart-heart-user .num-otr {
        width: 18px;
        height: 18px;
    }

    .header-main .logo-menu-bar .cart-heart-user .num-otr span,
    .header-main .menu-bar .cart-heart-user .num-otr span {
        font-size: 12px;
        line-height: 11px;
    }
    .header-main .sticky-nav .menu-link .menu-text{
        font-size: 14px;
    }
    .header-main .sticky-nav .menu-ul .menu-link {
        padding: 32px 6px;
    }
    .header-main .menu-bar .menu-ul .icon{
        display: none;
    }
    .header-main .sticky-nav .menu-ul .menu-drop-down{
        top: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-main .logo-menu-bar .logo-otr .logo-img {
        height: 60px;
        width: 130px;
    }

    .header-main .logo-menu-bar .menu-otr .menu-li:nth-child(2) .menu-text,
    .header-main .logo-menu-bar .menu-otr .menu-li:nth-child(3) .menu-text,
    .header-main .logo-menu-bar .menu-otr .menu-li:nth-child(4) .menu-text {
        text-align: center;
        width: 90px;
    }
    .header-main .sticky-nav .menu-link .menu-text{
        font-size: 14px;
    }
    .header-main .sticky-nav .cart-heart-user .icon, 
    .header-main .sticky-nav .cart-heart-user .icon{
        font-size: 20px;
    }
    .header-main .menu-bar .cart-heart-user .num-otr span{
        font-size: 12px;
    }
    .header-main .menu-bar .menu-ul .icon{
        display: none;
    }
    .header-main .sticky-nav .cart-heart-user, 
    .header-main .sticky-nav .cart-heart-user{
        gap: 12px;
    }
    .header-main .sticky-nav .menu-ul .menu-drop-down{
        top: 80px;
    }
}

@media (max-width: 992px) {
    .header-main {
        display: none;
    }

    .mobile-nav {
        display: block;
    }

    .mobile-nav .desk-menu .icon-ul {
        display: flex;
        gap: 16px;
    }
}

/* Header End Here */

/* Product Boxes Css Start Here */

.product-boxes-main {
    position: relative;
    margin: 30px 0;
}

.no-margin{
    margin: 0;
}

.product-boxes-main .wrp-center {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px auto;
    text-align: center;
}

.product-boxes-main .wrp-start {
    text-align: start;
    margin-bottom: 30px;
}

.product-boxes-main .row {
    gap: 24px 0;
}

.product-boxes-main .row-minus{
    margin: 0 -12px;
}

.product-boxes-main .col-inr {
    position: relative;
    padding: 4px;
    border: 1px solid #eeeeee;
    background-color: var(--theme-white-color);
    border-radius: 12px;
    height: 100%;
    transition: .3s;
}

.product-boxes-main .col-inr:hover {
    box-shadow: var(--box-shadow-4);
}

.product-boxes-main .img-otr {
    display: block;
    position: relative;
}

.product-boxes-main .product-img {
    width: 100%;
    height: 240px;
    border-radius: 12px;
    object-fit: cover;
}

.product-boxes-main .product-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 16px 6px 12px 6px;
    height: calc(100% - 264px);
}

.product-boxes-main .content .h3-heading {
    display: inline-block;
    font-size: var(--h3-heading-small);
    font-family: var(--font-family-SemiBold);
    color: var(--theme-heading-color2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.product-boxes-main .content .short-desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-boxes-main .action {
    display: flex;
    gap: 6px 12px;
    margin-top: 12px;
}

.product-boxes-main .action .theme-btn {
    width: 100%;
    flex: 1;
}

.product-boxes-main .action-otr{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

/* Product Boxes Css End Here */

/* Product Boxes List View Css Start Here */

.product-box-ListView .col-inr{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 8px;
    background-color: var(--theme-white-color);
    border: 1px solid var(--theme-border-color);
    border-radius: 8px;
    height: 100%;
    transition: .3s;
}

.product-box-ListView .img-otr{
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-border-color);
}

.product-box-ListView .product-img{
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: contain;
}

.product-box-ListView .product-content{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    height: 100%;
    padding: 2px 0 0 0;
    flex: 1;
}

.product-box-ListView .short-desc, 
.product-box-ListView .content .short-desc{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-box-ListView .action{
    justify-content: flex-end;
}

.product-box-ListView .action .theme-btn{
    width: auto;
    flex: none;
}

/* Product Boxes List View Css End Here */

/* Product Verticle Two Boxes In a row Styles */

.product-box-ListView .twoBoxes .img-otr{
    height: 200px;
}

.product-box-ListView .oneBoxes .img-otr{
    height: 240px;
} 

/* Product Verticle Two Boxes In a row Styles */

/* Footer Start Here */

.footer-main {
    background-color: var(--theme-heading-color2);
    padding: 40px 0 80px 0;
}

.footer-main .col-logo-inr {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

.footer-main .col-logo-inr .logo-otr {
    display: flex;
}

.footer-main .col-logo-inr .logo-otr .logo-img {
    height: 86px;
    width: 200px;
    object-fit: contain;
    object-position: right center;
}

.footer-main .col-logo-inr .logo-desc {
    color: var(--theme-white-color);
}

.footer-main .col-logo-inr .info-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-main .col-logo-inr .info-main .socials-icon-heading {
    color: var(--theme-white-color);
    font-family: var(--font-family-Bold) !important;
}

.footer-main .col-logo-inr .info-main .info-otr {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer-main .col-logo-inr .info-main .icon-otr {
    display: flex;
}

.footer-main .col-logo-inr .info-main .icon {
    font-size: 20px;
    line-height: 20px;
    color: var(--theme-white-color);
    transition: 0.3s;
}

.footer-main .col-logo-inr .info-main .info-text {
    color: var(--theme-white-color);
    transition: 0.3s;
}

.footer-main .col-logo-inr .info-main .info-otr:hover .info-text,
.footer-main .col-logo-inr .info-main .info-otr:hover .icon {
    color: var(--primary);
}

.footer-main .col-logo-inr .social-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
}

.footer-main .col-logo-inr .social-main .social-li:last-child{
    display: none;
}

.footer-main .col-logo-inr .social-main .social-otr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: transparent;
    border: 1px solid var(--theme-white-color);
    border-radius: 100%;
    transition: 0.3s;
}

.footer-main .col-logo-inr .social-main .social-otr:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.footer-main .col-logo-inr .social-main .icon {
    font-size: 18px;
    height: initial !important;
    color: var(--theme-white-color);
    transition: 0.3s;
}

.footer-main .col-logo-inr .social-main .social-otr:hover .icon {
    color: var(--theme-white-color);
}

.footer-main .col-menu-main .row {
    gap: 74px 0;
}

.footer-main .col-menu-main .row .col-menu-inr {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    gap: 16px;
}

.footer-main .col-menu-main .row .menu-heading {
    color: var(--theme-white-color);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--theme-white-color);
    font-size: var(--h4-font-size);
    font-family: var(--font-family-Medium);
}

.footer-main .col-menu-main .row .menu-ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.footer-main .col-menu-main .row .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.footer-main .col-menu-main .row .menu-link .icon {
    font-size: 16px;
    height: 16px;
    color: var(--theme-gray-shade4);
    transition: 0.3s;
}

.footer-main .col-menu-main .row .menu-link .menu-text {
    font-family: var(--font-family-SemiBold) !important;
    color: var(--theme-white-color);
    position: relative;
    top: 1px;
    transition: 0.3s;
}

.footer-main .col-menu-main .row .menu-link:hover .icon,
.footer-main .col-menu-main .row .menu-link:hover .menu-text {
    color: var(--primary);
}

.footer-center{
    padding: 14px 0;
    text-align: center;
    background-color: var(--primary-light);
}

.footer-center p,
.footer-center p *{
    font-family: var(--font-family-Bold) !important;
    color: var(--theme-heading-color2);
    transition: .3s;
}

.copyright-main {
    padding: 18px 0;
}

.copyright-main .wrapper {
    text-align: center;
}

.copyright-main .wrapper .copy-text,
.copyright-main .wrapper .copy-text a {
    font-family: var(--font-family-Bold) !important;
    color: var(--theme-heading-color2);
    gap: 8px;
}

.copyright-main .wrapper .link {
    font-family: var(--font-family-Bold) !important;
    color: var(--theme-heading-color2);
    transition: 0.3s;
}

.copyright-main .wrapper .link:hover {
    color: var(--secondary);
}

.copyright-main .wrapper .slasi-logo {
    height: 20px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 992px) {
    .footer-main .row {
        gap: 30px 0 !important;
    }
}

#htmlContent .footer-main *{
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Footer End Here */

/* Common Styles */

.ellipsis-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-5 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Common Styles */

/* Whatsapp Floationg Button Styles */

.whatsapp-circle {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99999999;
    background-color: #25d366;
    border-radius: var(--border-radius-xs-2);
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    animation: effect 5s infinite ease-in;
}

.whatsapp-circle .whatsapp-circle-icon {
    font-size: var(--font-size-icon-md-2);
    color: var(--light);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Whatsapp Floationg Button Styles */

/* Opening Section Css Styles */

.opening-sec{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--theme-border-color);
    margin-bottom: 30px;
}

.opening-sec .opening-img{
    height: 300px;
    border-bottom: 1px solid var(--theme-border-color);
}

.opening-sec .container{
    position: relative;
}

.opening-sec .container h1{
    position: absolute;
    top: -300px;
    right: 0;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
}

.breadcrumb-main{
    border-top: none;
    border-bottom: 1px solid var(--theme-border-color);
    padding: 0 !important;
}

.breadcrumb{
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
}

.breadcrumb .breadcrumb-item{
    display: flex;
    position: relative;
}

.breadcrumb .breadcrumb-item:first-child::after{
    display: none;
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a{
    font-size: var(--font-size-20px);
    line-height: var(--line-heights-20px);
    font-family: var(--font-family-regular);
    color: var(--theme-black-color);
}

.breadcrumb .active{
    position: relative;
    color: var(--theme-gray-shade4) !important;
}

.breadcrumb .breadcrumb-item::before,
.breadcrumb .active::before{
    display: none;
}

.breadcrumb .breadcrumb-item::after,
.breadcrumb .active::after{
    content: "/";
    position: absolute;
    right: -14px;
    top: 2;
    font-size: var(--font-size-20px);
    line-height: var(--line-heights-20px);
    font-family: var(--font-family-regular);
    color: var(--theme-gray-shade4);
}

.InnerBannerContent{
    margin: 30px 0;
}

.wrp-center{
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px auto;
    text-align: center;
}

.wrp-start{
    text-align: start;
    margin-bottom: 30px;
}

@media (max-width : 992px){
    .breadcrumb-main,
    .opening-sec{
        margin-top: 60px;
    }
}

/* Opening Section Css Styles */

/* Acc Button Styles Start Here */

.accessbility {
    top: 76px !important;
    transition: .3s;
}

.accessbility-active{
    top: 90px !important;
}

.accessbility-btn-otr .accessbility-btn{
    padding: 6px 12px !important;
}

.accessbility-btn-otr .accessbility-btn .button-text{
    display: none;
}

@media (max-width : 600px) {
    body .accessbility {
        top: inherit !important;
        bottom: 110px !important;
    }

    .accessbility-active {
        top: inherit !important;
    }

    .accessbility-btn-otr .accessbility-btn .button-text {
        display: none;
        font-family: 'Assistant', sans-serif !important;
    }

    .accessbility-btn-otr .accessbility-btn {
        padding: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .accessbility-btn-otr .accessbility-btn .fa-wheelchair {
        font-size: 20px;
    }
}

/* Acc Button Styles End Here */

/* Page Editor Css Start Here */

#htmlContent section {
    border: 2px dotted #999999;
    padding: 20px;
    margin: 50px 0;
}

#htmlContent .two-sections-parent {
    border: 1px solid #b0b0b0;
    padding: 20px;
    margin: 20px;
}

#htmlContent .wrapper,
#htmlContent .wrp-center,
#htmlContent .wrp-start,
#htmlContent .action-otr,
#htmlContent .action,
#htmlContent .short-desc,
#htmlContent ul,
#htmlContent ol,
#htmlContent .colContentInr,
#htmlContent .colImageInr{
    border: 1px solid #b0b0b0;
    padding: 10px;
}
.header-main .sticky-nav .logo-otr .logo-img
#htmlContent h1,
#htmlContent h2,
#htmlContent h3,
#htmlContent h4,
#htmlContent h5,
#htmlContent h6,
#htmlContent p,
#htmlContent label,
#htmlContent span,
#htmlContent .action,
#htmlContent strong,
#htmlContent a,
#htmlContent font,
#htmlContent li{
    border: 1px solid #b0b0b0;
    padding: 4px;
}

/* Page Editor Css End Here */

@media (max-width:576px){
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Header Footer Icons Css Start Here */

.fa-envelope::before {
    content: "\f0e0";
}

.fa-mobile-android:before, 
.fa-mobile-phone:before, 
.fa-mobile:before {
    content: "\f3ce";
}

.fa-phone::before {
    content: "\f095";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-wheelchair::before {
    content: "\f193";
}

.fa-bars::before {
    content: "\f0c9";
}

.fa-text-size::before {
    content: "\f894";
}

.fa-circle-half-stroke::before {
    content: "\f042";
}

.fa-circle-half-stroke::before {
    content: "\f042";
}

.fa-image::before {
    content: "\f03e";
}

.fa-underline::before {
    content: "\f0cd";
}

.fa-eye-slash::before {
    content: "\f070";
}

.fa-font::before {
    content: "\f031";
}

.fa-arrow-rotate-left::before {
    content: "\f0e2";
}

.fa-circle-xmark::before {
    content: "\f057";
}

.fa-circle-info::before {
    content: "\f05a";
}

.fa-circle-info::before {
    content: "\f05a";
}

.fa-download::before {
    content: "\f019";
}

.fa-phone-flip::before {
    content: "\f879";
}

.fa-angle-left::before {
    content: "\f104";
}

.fa-youtube::before {
    content: "\f167";
}

.fa-pinterest::before {
    content: "\f0d2";
}

.fa-play-circle::before {
    content: "\f144";
}

.fa-close::before, .fa-multiply::before, .fa-remove::before, .fa-times::before, .fa-xmark::before {
    content: "\f00d";
}

.fa-waze::before {
    content: "\f83f";
}

.fa-user::before{
    content: "\f007";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-location-dot:before, 
.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrows-h:before, 
.fa-arrows-left-right:before {
    content: "\f07e";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-left:before {
    content: "\f053";
}

/* Header Footer Icons Css End Here */

.aboutSection-main-v1 .style-disc-ul li, 
.aboutSection-main-v1 .custom-ul li,
.content-pageSec-v1 .custom-ol, 
.content-pageSec-v1 .custom-ul,
.content-pageSec-v1 .style-disc-ul li, 
.content-pageSec-v1 .custom-ul li,
.content-pageSec-v1 .style-decimal-ul li, 
.content-pageSec-v1 .custom-ol li {
    list-style: disc;
    list-style-position: inherit !important;
    margin-right: 20px;
}