@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

:root {
    --colorPrimary: #212121;
    --colorPrimaryDark: #000000;
    --colorAccent: #f1cf6b;
    --colorAccent2: #e2d83b;
    --colorAccentLight: #bfa5c4;
    --colorWarn: #B71C1C;
    --blueColor: #0094DA;
    --greenColor: #23779a;
    --yellowColor: #f6c806;
    --textColor: rgba(0, 0, 0, 0.8);
    --divider: rgba(0, 0, 0, 0.11);
    --facebook_color: #3b5998;
    --whatsapp_color: #25D366;
    --pinterest_color: #CB2026;
    --google_plus_color: #d34836;
    --twitter: #0084b4;
    --instagram: #d6249f;
    --primaryHeaderTextColor: #959595;
    --light_blue_grey: #3d5562;
    --dark_blue_grey: #2b3a42;
    --textColor: #424242;
    --black_shade: #212121;
    --button_disabled: #727272;
    --light_grey: #d9d9d9;
    --error_color: #b71c1c;
    --textColor: rgba(0, 0, 0, 0.8);
    --dark_grey: #767575;
    --tag_back_color: #efeeee;
    --tag_color: #6d6d6d;
    --logo-orange: #0094DA;
    --logo-green: #75d0f7;
}

body {
    margin: 0;
    padding: 0;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

h1, h2, h3, h4, h5, span, ul, li, td, a {
    font-family: "Kumbh Sans", sans-serif;
}

p {
    font-family: "Kumbh Sans", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.row_alignment, .row_column_alignment, .row_column_reverse_alignment {
    display: flex;
    flex-direction: row;
}

.row_reverse_column_alignment {
    display: flex;
    flex-direction: row-reverse;
}

.column_alignment, .column_row_alignment {
    display: flex;
    flex-direction: column;
}


.row_alignment.four > *,
.row_column_alignment.four > *,
.row_column_reverse_alignment.four > *,
.row_reverse_column_alignment.four > * {
    width: calc((100% / 4));
}

.row_alignment.three > *,
.row_column_alignment.three > *,
.row_column_reverse_alignment.three > *,
.row_reverse_column_alignment.three > * {
    width: calc((100% / 3));
}

.row_alignment.two > *,
.row_column_alignment.two > *,
.row_column_reverse_alignment.two > *,
.row_reverse_column_alignment.two > * {
    width: calc((100% / 2));
}

.align_right {
    align-items: flex-end;
    justify-content: flex-end;
}

.align_bottom {
    justify-content: flex-end;
}

.align_left, .align_top {
    align-items: flex-start;
    justify-content: flex-start;
}

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

.fill {
    flex: 1 1 auto !important;
}

.fit {
    flex: 0 0 auto !important;
}

.wrap {
    flex-wrap: wrap;
}

.align_self_center {
    align-self: center;
}


.on_desktop {
    display: flex !important;
}

.on_mobile {
    display: none !important;
}


.marquee_container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee_content_wrapper {
}

.marquee_content {
    flex: 0 0 auto;
}


.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin-top: 0 !important;
}

.owl-prev {
    float: left;
}

.owl-next {
    float: right;
}

.owl-prev, .owl-next {
    width: 32px !important;
    height: 32px !important;
    padding: 8px 0 !important;
    text-align: center !important;
    color: white !important;
    background: rgb(0, 0, 0, 0.7) !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    overflow: hidden;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
}

.owl-prev span, .owl-next span {
    font-size: 28px !important;
    margin-top: -5px;
    display: block;
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-track {
    background: var(--divider);
}

::-webkit-scrollbar-thumb {
    background: var(--colorPrimary);
}

::-moz-selection { /* Code for Firefox */
    color: var(--colorPrimary);
    background: var(--colorAccent);
}

::selection {
    color: var(--colorPrimary);
    background: var(--colorAccent);
}

@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Regular.otf") format("opentype");
    font-weight: normal;
}

@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Bold.otf") format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Medium.otf") format("opentype");
    font-weight: 500;
}


@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Black.otf") format("opentype");
    font-weight: 900;
}

@media only screen and (max-width: 1020px) {
    .row_column_alignment,
    .row_reverse_column_alignment {
        display: flex;
        flex-direction: column;
    }

    .column_row_alignment {
        display: flex;
        flex-direction: row;
    }

    .row_column_reverse_alignment {
        display: flex;
        flex-direction: column-reverse;
    }

    .row_alignment.two > *, .row_column_alignment.two > *, .row_column_reverse_alignment.two > *, .row_reverse_column_alignment.two > *,
    .row_alignment.three > *, .row_column_alignment.three > *, .row_column_reverse_alignment.three > *, .row_reverse_column_alignment.three > *,
    .row_alignment.four > *, .row_column_alignment.four > *, .row_column_reverse_alignment.four > *, .row_reverse_column_alignment.four > * {
        width: calc(100%);
    }

    .on_desktop {
        display: none !important;
    }

    .on_mobile {
        display: flex !important;
    }
}