:where(.wp-block-button__link) {
    box-shadow: none;
    text-decoration: none;
    border-radius: 9999px;
    padding: calc(.667em + 2px) calc(1.333em + 2px)
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

ul {
    box-sizing: border-box;
    padding-left: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0;
    margin: 0
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: .5em 1em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: .375em .625em
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    padding: 4px;
    border: 1px solid #949494
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 0 0 .25em
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: 0
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: .125em .5em
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

h2,
h4,
h5 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    h2 {
        font-size: 2rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

ul ul {
    margin-bottom: 0
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

tbody,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button],
[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=submit],
button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

iframe {
    border: 0
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.container {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 9
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y)
}

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

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

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

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

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

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

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

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

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

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

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
    border-bottom-width: 1px
}

.table>tbody {
    vertical-align: inherit
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.d-flex {
    display: flex !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.justify-content-center {
    justify-content: center !important
}

.text-center {
    text-align: center !important
}

@font-face {
    font-display: swap;
    font-family: themify;
    src: url('https://149841302.v2.pressablecdn.com/wp-content/themes/theme-promo/assets/fonts/themify.eot?-fvbane');
    src: url('https://149841302.v2.pressablecdn.com/wp-content/themes/theme-promo/assets/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('https://149841302.v2.pressablecdn.com/wp-content/themes/theme-promo/assets/fonts/themify.woff?-fvbane') format('woff'), url('https://149841302.v2.pressablecdn.com/wp-content/themes/theme-promo/assets/fonts/themify.ttf?-fvbane') format('truetype'), url('https://149841302.v2.pressablecdn.com/wp-content/themes/theme-promo/assets/fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"],
[class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-shopping-cart:before {
    content: "\e60d"
}

body,
html {
    height: 100%;
    font-family: Mulish, sans-serif;
    -webkit-font-smoothing: antialiased
}

h2,
h4,
h5 {
    margin: 0;
    color: #111;
    font-family: Mulish, sans-serif
}

h2 {
    font-size: 40px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 18px
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 15px;
    color: #687083;
    line-height: 1.7;
    margin-bottom: 15px
}

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

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

a:-webkit-any-link,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

section {
    overflow: hidden;
    position: relative
}

.section-title {
    margin-bottom: 85px
}

.section-title h2 {
    font-size: 35px;
    font-weight: 800;
    color: #1f3e64;
    line-height: 1.45
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.spad {
    padding-top: 100px;
    padding-bottom: 100px
}

.primary-btn {
    display: inline-block;
    font-size: 16px;
    color: #2c4dfc;
    font-family: Poppins, sans-serif;
    border: 1px solid #3a72ff;
    padding: 18px 66px 16px;
    border-radius: 50px
}

.header {
    background: #161d31;
    padding: 20px 0 25px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:61.93em) {
    .header {
        padding: 30px 0
    }
}

.header__logo {
    padding-top: 8px
}

.header__logo a {
    display: inline-block
}

.header__nav {
    text-align: right
}

.header__nav nav {
    display: inline-block;
    margin-right: 60px
}

.header__nav nav ul li {
    list-style: none;
    display: inline-block;
    margin-right: 55px
}

.header__nav nav ul li.active a {
    color: #fff
}

.header__nav nav ul li:last-child {
    margin-right: 0
}

.header__nav nav ul li a {
    display: block;
    font-size: 16px;
    color: #9a9fad;
    font-family: Poppins, sans-serif;
    padding: 10px 5px;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s
}

.header__nav nav ul li a:hover {
    color: #fff
}

.header__nav .header__btn {
    display: inline-block
}

.header__nav .header__btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 32px;
    border-radius: 50px
}

.canvas__open,
.offcanvas-menu-wrapper {
    display: none
}

@media only screen and (max-width:61.93em) {
    .header__logo {
        padding-top: 0
    }

    .header__nav {
        display: none
    }

    .canvas__open {
        display: block;
        font-size: 22px;
        color: #fff;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 2px;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: -4px
    }

    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, .7);
        content: "";
        z-index: 98;
        -webkit-transition: none, .5s;
        -moz-transition: none, .5s;
        -ms-transition: none, .5s;
        -o-transition: none, .5s;
        transition: all, .5s;
        visibility: hidden
    }

    .offcanvas-menu-overlay.active {
        visibility: visible
    }

    .offcanvas-menu-wrapper {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #fff;
        padding: 50px 20px 30px 30px;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: none, .5s;
        -moz-transition: none, .5s;
        -ms-transition: none, .5s;
        -o-transition: none, .5s;
        transition: all, .5s;
        opacity: 0
    }

    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0
    }

    .offcanvas__menu {
        margin-bottom: 25px
    }

    .offcanvas__menu ul li {
        list-style: none
    }

    .offcanvas__menu ul li:last-child {
        margin-right: 0
    }

    .offcanvas__menu ul li a {
        display: block;
        font-size: 16px;
        color: #111;
        font-family: Poppins, sans-serif;
        padding: 10px 5px
    }

    .offcanvas__btn {
        display: inline-block
    }

    .offcanvas__btn a {
        display: inline-block;
        font-size: 16px;
        color: #111;
        border: 1px solid #111;
        padding: 10px 32px;
        border-radius: 50px
    }
}

.hero {
    padding-top: 125px
}

@media only screen and (min-width:103.125em) {

    .header .container,
    .hero .container {
        max-width: 1600px
    }
}

.hero__text {
    text-align: center;
    max-width: 1010px;
    margin: 0 auto
}

@media only screen and (max-width:75em) {
    .header__nav nav {
        margin-right: 30px
    }

    .header__nav nav ul li {
        margin-right: 25px
    }

    .hero__text {
        max-width: initial;
        margin: 0
    }
}

.hero__text h2 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 20px
}

.hero__text h3 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 20px
}

.hero__text p {
    color: #c0c4ce;
    line-height: 1.9;
    font-weight: 500;
    margin-bottom: 40px;
    padding: 0 120px
}

@media only screen and (max-width:24.37em) {
    .hero__text h2 {
        font-size: 22px
    }

    .hero__text h3 {
        font-size: 18px
    }

    .hero__text p {
        padding: 0
    }
}

@media only screen and (max-width:47.93em) {
    .hero__text h2 {
        font-size: 22px
    }

    .hero__text h3 {
        font-size: 18px
    }

    .hero__text p {
        padding: 0
    }
}

.hero__text .hero__btns a {
    color: #fff;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    border: 1px solid #fff;
    display: inline-block;
    padding: 16px 36px 14px;
    border-radius: 10px;
    margin-right: 14px;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s
}

.hero__text .hero__btns a:hover {
    background: #005fd5;
    border-color: #005fd5
}

.hero__text .hero__btns a:last-child {
    margin-right: 0
}

.hero__pic {
    margin-top: 95px
}

.hero__pic img {
    min-width: 100%
}

.product-demo {
    background: #fbfaf9;
    padding-top: 140px;
    padding-bottom: 160px
}

.demo__item {
    background: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
    border-radius: 10px
}

.demo__item__pic img {
    min-width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.demo__item__text {
    padding: 36px 35px 25px 30px
}

.demo__item__text h5 {
    margin-bottom: 20px
}

.demo__item__text h5 a {
    color: #1f3e64;
    font-weight: 800
}

.demo__item__text p {
    font-size: 14px;
    color: #687083;
    line-height: 1.8;
    margin-bottom: 30px
}

.demo__item__price {
    width: 50%;
    float: left
}

.demo__item__price h4 {
    color: #1f3e64;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px
}

.demo__item__price span {
    color: #a5abb9;
    font-size: 14px;
    display: block;
    font-style: italic
}

.demo__item__option {
    border-top: 1px solid #f0ddd9;
    padding-top: 22px;
    overflow: hidden;
    padding-bottom: 15px
}

@media only screen and (max-width:75em) {
    .demo__item__price {
        width: 100%;
        float: none;
        margin-bottom: 15px
    }

    .demo__item__option {
        overflow: visible
    }
}

.demo__item__btn {
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 6px
}

@media only screen and (max-width:75em) {
    .demo__item__btn {
        width: 100%;
        float: none;
        text-align: left
    }

    .users__pic {
        margin-left: 0
    }
}

.demo__item__btn .preview_btn {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #005fd5;
    padding: 10px 16px 8px;
    border-radius: 5px;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s
}

.demo__item__btn .preview_btn:hover {
    box-shadow: 0 7px 18px rgba(0, 96, 213, .44)
}

.demo__item__btn .cart_btn {
    display: inline-block;
    font-size: 14px;
    color: #005fd5;
    padding: 9px 12px 7px;
    border: 1px solid #005fd5;
    border-radius: 5px
}

.view__all {
    text-align: center;
    padding-top: 40px
}

.feature {
    padding-top: 170px
}

.feature__item {
    margin-bottom: 84px
}

.feature__item:hover .feature__item__text h4 {
    color: #2c4dfc
}

.feature__item__icon {
    float: left;
    margin-right: 16px
}

.feature__item__icon .icon {
    height: 67px;
    width: 67px;
    border: 1px solid #ebdeda;
    line-height: 67px;
    text-align: center;
    border-radius: 50%
}

.feature__item__text {
    overflow: hidden;
    padding-top: 5px
}

.feature__item__text h4 {
    color: #1f3e64;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 14px;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s
}

.feature__item__text p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0
}

.funfact {
    background: #fbfaf9;
    padding-top: 160px;
    padding-bottom: 160px
}

.fun_users {
    margin-bottom: 70px
}

.users__pic {
    margin-bottom: 30px
}

.users__pic img {
    min-width: 100%
}

.users__text {
    margin-bottom: 30px;
    padding-left: 65px
}

@media only screen and (max-width:61.93em) {
    .hero__text .hero__btns a {
        margin-right: 10px
    }

    .users__text {
        padding-left: 0
    }
}

.users__text__title {
    margin-bottom: 54px
}

.users__text__title h2 {
    color: #072366;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 25px
}

.users__text__title p {
    color: #707b8e;
    font-family: Poppins, sans-serif;
    line-height: 1.9;
    margin-bottom: 0
}

.users__text__title p span {
    font-weight: 500
}

.users__item {
    background: #fff;
    padding: 18px 30px 25px;
    border-radius: 10px;
    margin-bottom: 25px
}

.users__item__icon {
    float: left;
    margin-right: 20px
}

.users__item__text {
    overflow: hidden
}

.users__item__text h4 {
    color: #072366;
    font-size: 25px;
    font-weight: 900;
    font-family: Poppins, sans-serif;
    margin-bottom: 5px
}

.users__item__text span {
    color: #707b8e;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    display: inline-block
}

.works {
    padding-bottom: 275px
}

.works .section-title {
    margin-bottom: 45px
}

.works__content {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.works__item {
    width: 20%;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s;
    padding: 23px 30px;
    margin-bottom: 30px
}

@media only screen and (max-width:37.5em) {
    .hero__text .hero__btns a {
        margin-bottom: 18px;
        margin-right: 10px
    }

    .works__item {
        width: 25%
    }
}

@media only screen and (max-width:47.93em) {
    .works__item {
        width: 50%
    }
}

.works__item:hover {
    background: #f9fafb;
    border-color: #f2f2f2
}

.support {
    margin-top: -205px
}

.support-content {
    border-radius: 10px;
    padding: 90px 115px 38px
}

@media only screen and (max-width:75em) {
    .support-content {
        padding: 90px 50px 38px
    }
}

@media only screen and (max-width:21.25em) {
    .works__item {
        width: 50%
    }

    .support-content {
        padding: 65px 30px 38px
    }
}

.support__left {
    margin-bottom: 30px
}

.support__left h2 {
    color: #fff;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 12px
}

.support__left p {
    color: #fff;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    line-height: 1.9;
    margin-bottom: 0
}

.support__right {
    margin-bottom: 30px
}

.support__right p {
    color: #fff;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    line-height: 2.15;
    margin-bottom: 30px
}

.support__right .primary-btn {
    color: #fff;
    border-color: #fff
}

.seenon {
    background: #fbfaf9;
    margin-top: -193px;
    padding-top: 340px;
    padding-bottom: 40px
}

.seen__item {
    height: 135px;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    justify-content: center;
    padding: 20px;
    margin-bottom: 25px
}

.blog {
    background: #fbfaf9;
    padding-top: 80px;
    padding-bottom: 80px
}

.blog__item {
    margin-bottom: 80px
}

.blog__item__pic img {
    min-width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.blog__item__text {
    background: #f0f3f6;
    border-radius: 10px;
    margin-top: -10px;
    border: 1px solid #f0f0f0;
    position: relative;
    z-index: 1;
    padding: 25px 35px
}

.blog__item__text span {
    color: #9998ac;
    font-size: 12px;
    font-style: italic;
    display: block;
    margin-bottom: 5px
}

.blog__item__text h5 {
    margin-bottom: 24px
}

.blog__item__text h5 a {
    color: #002d5b;
    line-height: 1.5;
    font-weight: 700
}

.blog__item__text .blog_by {
    color: #9998ac;
    font-size: 12px;
    font-style: italic;
    position: relative;
    padding-left: 44px
}

.blog__item__text .blog_by:before {
    position: absolute;
    left: 0;
    top: 7px;
    height: 2px;
    width: 30px;
    background: #d8d0d0;
    content: ""
}

.footer {
    background: #010a1f;
    padding-top: 0px
}

.footer__content {
    padding-bottom: 115px
}

.footer__about {
    margin-bottom: 35px
}

.footer__about .footer__logo {
    margin-bottom: 24px
}

.footer__about p {
    color: #707788;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0
}

.footer__widget {
    margin-bottom: 35px
}

.footer__widget.footer__links {
    padding-left: 35px
}

.footer__widget h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 22px
}

.footer__widget ul li {
    list-style: none;
    line-height: 1.9
}

.footer__widget ul li a {
    font-size: 16px;
    color: #707788;
    -webkit-transition: none, .3s;
    -moz-transition: none, .3s;
    -ms-transition: none, .3s;
    -o-transition: none, .3s;
    transition: all, .3s
}

.footer__widget ul li a:hover {
    color: #fff
}

.footer__widget p {
    color: #707788;
    font-size: 16px;
    margin-bottom: 25px
}

.footer__widget form {
    position: relative
}

.footer__widget form input {
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 5px;
    border: none;
    padding-left: 20px;
    font-size: 13px;
    color: #d8dadf
}

.footer__widget form input::placeholder {
    font-size: 13px;
    color: #d8dadf
}

.footer__widget form button {
    font-size: 15px;
    color: #fff;
    background: #0d3595;
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 22px
}

.footer__copyright {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 46px 0
}

.footer__copyright__text p {
    color: #8a91a2;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    margin-bottom: 0
}

.footer__copyright__links {
    text-align: right
}

.footer__copyright__links .menu li:last-child {
    padding-right: 0
}

.footer__copyright__links .menu li {
    display: initial;
    padding-right: 12px
}

@media only screen and (max-width:61.93em) {
    .footer__widget.footer__links {
        padding-left: 0
    }

    .footer__copyright__text p {
        text-align: center;
        margin-bottom: 15px
    }

    .footer__copyright__links {
        text-align: center
    }
}

.footer__copyright__links a {
    display: inline-block;
    color: #8a91a2;
    font-size: 16px;
    font-weight: 300;
    margin-right: 34px
}

.footer__copyright__links a:last-child {
    margin-right: 0
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.demo__item__price span {
    display: none
}

.loginbtn {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 32px;
    border-radius: 50px;
}