@charset "UTF-8";
:root {
    --primary-rgb: 0, 88, 168;
    --primary-bg-color: rgb(var(--primary-rgb));
    --primary-bg-hover: rgb(var(--primary-rgb), 0.9);
    --primary-bg-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), 0.1);
    --primary02: rgba(var(--primary-rgb), 0.2);
    --primary03: rgba(var(--primary-rgb), 0.3);
    --primary04: rgba(var(--primary-rgb), 0.4);
    --primary05: rgba(var(--primary-rgb), 0.5);
    --primary06: rgba(var(--primary-rgb), 0.6);
    --primary07: rgba(var(--primary-rgb), 0.7);
    --primary08: rgba(var(--primary-rgb), 0.8);
    --primary09: rgba(var(--primary-rgb), 0.9);
    --primary005: rgba(var(--primary-rgb), 0.05);
    --dark-body: #292e4a;
    --dark-border: #30314e;
    --transparent-primary: #6c5ffc;
    --transparent-bg-rgb: 88, 76, 217;
    --transparent-body: rgb(var(--transparent-bg-rgb));
    --transparent-theme: rgba(0, 0, 0, 0.2);
    --transparent-border: rgba(255, 255, 255, 0.1);
    --blue: #1a1a3c;
    --dark-primary-hover: #233ac5;
    --primary-transparentcolor: #eaedf7;
    --darkprimary-transparentcolor: #2b356e;
    --transparentprimary-transparentcolor: rgba(255, 255, 255, 0.05);
    --float-right: right;
    --float-left: left;
    --indigo: #4b0082;
    --purple: #6f42c1;
    --pink: #fc5296;
    --orange: #fd7e14;
    --yellow: #FBB034;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #6c5ffc;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #282f53;
    text-align: start;
    background-color: #f0f0f5;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
    overflow-y: scroll
}

dl,
ol,
p,
ul {
    margin-block-start: 0;
    margin-block-end: 1rem
}

.card-body>:last-child,
.card-header,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-block-end: 0
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto
}
.btn:focus,
.btn:hover,
a {
    text-decoration: none
}


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

svg:not(:root) {
    overflow: hidden
}

th {
    text-align: inherit
}

.small,
small {
    font-size: 87.5%;
    font-weight: 400
}

.list-unstyled {
    padding-inline-start: 0;
    list-style: none
}

.container,
.container-fluid {
    width: 100%;
    padding-inline-end: 0.75rem;
    padding-inline-start: 0.75rem;
    margin-inline-end: auto;
    margin-inline-start: auto
}

.card-header,
.list-unstyled li,
.table thead th {
    border-block-end: 1px solid #e9edf4
}

@media (max-width:576px) {
    .container {
        padding-inline-end: 0.75rem;
        padding-inline-start: 0.75rem
    }
}

@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:1280px) {
    .container {
        max-width: 1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-inline-end: -.75rem;
    margin-inline-start: -.75rem
}

html {
    /* line-height: 1.15; */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    font-size: 16px
}

body ::-webkit-scrollbar {
    width: 2px;
    height: 6px;
    transition: background .3s
}

body ::-webkit-scrollbar-thumb {
    background: #f6f6fb
}

body :hover::-webkit-scrollbar-thumb {
    background: #f6f6fb
}

.btn,
.btn-icon {
    text-align: center
}

.btn,
.dropdown-item {
    white-space: nowrap;
    font-weight: 400
}

.dropdown-menu {
    inset-block-start: 100%;
    inset-inline-start: 0;
    float: var(--float-left)
}

.btn,
.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.table td,
.table th {
    padding: .73rem;
    vertical-align: top
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

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

b,
strong {
    font-weight: 500
}

.rounded-pill {
    border-radius: 50px
}

ol,
p,
ul {
    margin-block-end: 1em
}

button {
    border-radius: 0
}

.btn.focus,
button:focus {
    outline: 0
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

.btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 1rem;
    line-height: 1.84615385;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    letter-spacing: .03em;
    font-size: .8125rem;
    min-width: 2.375rem
}

.btn:focus {
    outline: 0 !important
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn-secondary {
    color: #fff;
    background: #05c3fb !important
}

.btn-info {
    color: #fff !important;
    background: #1170e4 !important;
    border-color: #3988e8
}

.btn-danger {
    color: #fff;
    background: #e82646 !important;
    border-color: #e62a45
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-danger,
.btn-outline-secondary {
    background-color: transparent;
    background-image: none
}

.btn-outline-secondary {
    color: #05c3fb !important;
    border-color: #05c3fb
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #05c3fb;
    border-color: #76c9ef
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #05c3fb;
    border-color: #76c9ef
}

.btn-outline-danger {
    color: #c21a1a;
    border-color: #f12c2c
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #f12c2c;
    border-color: #f12c2c
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #c21a1a;
    border-color: #c21a1a
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    line-height: 1.625
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .251rem .51rem;
    border-radius: 3px;
    line-height: 1.5;
    font-size: .75rem;
    min-width: 1.625rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-icon {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 1rem;
    min-width: 2.75rem;
    font-weight: 400
}

.btn-list {
    margin-block-end: -0.5rem;
    font-size: 0
}

.table td,
.table thead th {
    border-block-start: 0
}

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

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
    outline: 0
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    background-color: #05c3fb;
    border-color: #05c3fb
}

.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: inherit !important;
    background-clip: border-box;
    border-radius: 7px;
    box-shadow: 0 4px 25px 0 rgba(168, 180, 208, .1)
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 25px;
    margin: 0
}

.card-header:first-child {
    border-radius: 2px 2px 0 0
}

.card-img-top {
    border-start-start-radius: 2px;
    border-start-end-radius: 2px;
    width: 100%;
    border-start-start-radius: 7px;
    border-start-end-radius: 7px
}

.card-header {
    background: 0 0;
    padding: 1.2rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .2px
}

.dropdown-menu,
.form-control {
    background-clip: padding-box;
    background-color: #fff
}

.card {
    margin-block-end: 1.5rem;
    width: 100%
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-inline-start: .255em;
    vertical-align: .255em;
    content: "";
    border-block-start: 0.3em solid;
    border-inline-end: 0.3em solid transparent;
    border-block-end: 0;
    border-inline-start: 0.3em solid transparent
}

.dropdown-menu {
    color: #495057;
    text-align: start;
    border: 1px solid #e9edf4
}

.dropdown-menu[data-popper-placement^=bottom],
.dropdown-menu[data-popper-placement^=left],
.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=top] {
    inset-inline-end: auto;
    inset-block-end: auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 1.5rem !important;
    clear: both;
    color: #6e84a3;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

.dropdown-menu.show {
    display: block;
    margin: 0;
    border: 1px solid #eaf2f6;
    box-shadow: 0 3px 9px 0 rgba(104, 113, 123, .15);
    border-radius: 7px
}

.form-control:focus,
.table tbody td {
    border-color: #e9edf4
}

.dropdown-menu {
    position: absolute;
    z-index: 8;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    min-width: 12rem
}

.dropdown {
    display: block
}

.dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.dropdown-toggle:after {
    vertical-align: .155em
}

.form-control {
    display: block;
    width: 100%;
    padding: .475rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    border: 1px solid #e9edf4;
    border-radius: 7px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    color: #6f6e6e;
    background-color: #fff;
    outline: 0;
    box-shadow: none
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--primary01);
    opacity: 1
}

.form-control:disabled::placeholder {
    opacity: .5
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control-sm {
    padding: .251rem .51rem;
    font-size: .75rem;
    line-height: 1.5
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block
}

.navbar-toggler:focus {
    box-shadow: none
}

.page-main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.table,
.text-wrap table {
    width: 100%;
    max-width: 100%;
    margin-block-end: 1rem
}

.table thead th {
    vertical-align: bottom;
    border-block-end-width: 1px;
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table th,
.text-wrap table th {
    color: #2e3138;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 400
}

.table-striped tbody tr:nth-of-type(odd) {
    background: 0 0
}

.table-striped tbody tr:nth-of-type(2n) {
    background-color: #f6f6fb
}

table {
    border-collapse: collapse
}

.table>:not(:last-child)>:last-child>* {
    border-block-end-color: #e9edf4
}

.table>:not(caption)>*>* {
    background: 0 0;
    box-shadow: none
}

.table>:not(:first-child) {
    border-block-start: 1px solid #e9edf4
}

.tag {
    font-size: .75rem;
    color: #282f53;
    background-color: var(--primary01);
    border-radius: 3px;
    padding: 0 .5rem;
    line-height: 2em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-inline-end: 0.75rem;
    padding-inline-start: 0.75rem
}

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

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

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

@media (min-width:768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

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

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

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

@media (min-width:992px) {
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

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

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

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

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

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

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

@media (min-width:1280px) {
    .col-xl-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

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

.collapse:not(.show) {
    display: none;
    background: 0 0
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s
}

.block {
    display: block !important
}

#back-to-top,
.landing-page .logo-3,
.light-logo,
.light-logo1,
.mobile-light {
    display: none
}

#global-loader,
.landing-top-header {
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0
}

.demo-footer,
.demo-footer .main-footer {
    background-color: #f8f9fb
}

#global-loader {
    position: fixed;
    z-index: 50000;
    background: #fff;
    inset-block-end: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

#back-to-top,
.landing-top-header,
.landing-top-header::before {
    background-repeat: no-repeat;
    background-position: center
}

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

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

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

#back-to-top {
    color: #fff;
    position: fixed;
    inset-block-end: 20px;
    inset-inline-end: 20px;
    text-align: center;
    z-index: 10000;
    height: 50px;
    width: 50px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    border-radius: 7px
}

#back-to-top:hover {
    background: #fff !important
}

@media (max-width:575.98px) {
    .header .header-brand-img.desktop-logo {
        display: none
    }
}

.counter-icon {
    margin-block-end: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4rem;
    text-align: center;
    font-size: 24px
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.box-shadow-primary {
    box-shadow: 0 5px 10px var(--primary03)
}

.box-shadow-secondary {
    box-shadow: 0 5px 10px #e1f1f9
}

.box-shadow-success {
    box-shadow: 0 5px 10px #beefe7
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.services-statistics .counter-icon {
    margin-block-end: 1.5rem;
    margin-block-start: 14px;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    padding: 1.3rem 1.4rem;
    border-radius: 7px;
    text-align: center
}

.hor-header .container.main-container div:first-child {
    align-items: center !important
}

.app-sidebar__toggle {
    display: flex;
    align-items: center;
    justify-content: center
}

.card-header:first-child {
    border-radius: 7px 7px 0 0
}

.pricing-card:hover {
    box-shadow: 0 16px 32px rgba(33, 33, 33, .15)
}

@media (max-width:400px) {

    .btn-group-lg>.btn,
    .btn-lg {
        font-size: .75rem !important
    }

    body ::-webkit-scrollbar {
        background: #c7c7d3
    }
}

.fs-13 {
    font-size: 13px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.fw-semibold {
    font-weight: 500 !important
}

.fw-bold {
    font-weight: 700 !important
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

.landing-top-header {
    background-image: url(assets/images/landing/backgrounds/5.png);
    background-size: cover;
    position: relative;
    border-radius: 0
}

.landing-top-header::before {
    position: absolute;
    content: "";
    inset-inline-start: -19%;
    background-size: cover;
    inset-inline-end: 0;
    width: 35%;
    height: 80%;
    overflow: hidden;
    background-image: url(assets/images/landing/backgrounds/1.png)
}

.landing-page .testimonial-owl-landing,
.landing-page .testimonial-owl-landing::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0
}

.landing-top-header .top {
    border-block-end: 1px solid transparent
}

@media (max-width:992px) {

    .hor-content .container,
    .hor-header .container {
        max-width: none
    }

    .landing-page .nav.navbar-nav.nav-pills {
        display: block
    }

    .landing-page .navbar-toggler {
        border: 0 !important
    }

    .landing-page .navbar.navbar-expand-lg.navbar-light {
        background-color: #fff
    }

    .landing-page .side-menu__item {
        padding-inline-start: 25px
    }

    .landing-page .app-sidebar.horizontal-main {
        background-color: #fff !important
    }
}

.demo-footer {
    padding-block-start: 30px
}

.landing-page {
    background-color: #fff
}

.landing-page .demo-footer .btn-list .btn-icon {
    border: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .7);
    background-color: #fff
}

.landing-page .top-footer h6 {
    font-size: 17px
}

.landing-page .testimonia .title {
    color: #fff
}

.landing-page .services-statistics .counter-icon {
    border-radius: 0 40%
}

.landing-page .card {
    box-shadow: none
}

.landing-page .owl-item {
    border-radius: 5px
}

.landing-page .owl-item img {
    border: 1px solid #e9edf4;
    border-radius: 5px
}

.landing-page .landing-statistics .card-body,
.landing-page .landing-statistics .counter-icon {
    border-radius: 50px 50px 0
}

.landing-page .testimonial-owl-landing {
    background-image: url(2.webp);
    position: relative
}

.landing-page .testimonial-owl-landing::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(108, 95, 252, .4) 0, rgba(9, 199, 255, .49) 90%)
}

.landing-page .text-white-80 {
    color: rgba(255, 255, 255, .8)
}

.landing-page .landing-title {
    background: linear-gradient(to right, transparent, #6c5ffc, transparent);
    height: 1px;
    margin: 0 auto;
    width: 70px !important;
    margin-block-end: 10px
}

.landing-page .top.sticky.stickyClass {
    position: fixed;
    inset-block-start: 0;
    width: 100%;
    z-index: 99;
    border-block-end: 1px solid #ebedfa;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2)
}

.landing-page .collapse.navbar-collapse {
    background-color: transparent
}

.landing-page .bg-primary-transparent {
    background-color: rgba(108, 95, 252, .1)
}

@media (min-width:1276px) {

    .landing-page.horizontal .hor-header .container,
    .landing-page.horizontal .horizontal-main .container,
    .landing-page.horizontal .main-content.hor-content .container {
        max-width: 1140px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .landing-page .landing-top-header .app-sidebar .container {
        max-width: 960px !important
    }
}

@media (max-width:576px) {
    .landing-page .slick-next {
        inset-inline-end: -10px !important
    }

    .landing-page .slick-prev {
        inset-inline-start: -10px !important
    }
}

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

@media (min-width:768px) {
    .landing-page .demo-footer .container {
        max-width: 720px !important
    }
}

@media (min-width:992px) and (max-width:1275.98px) {

    .landing-page .demo-footer .container,
    .landing-page.horizontal .hor-header .container,
    .landing-page.horizontal .horizontal-main .container,
    .landing-page.horizontal .main-content.hor-content .container {
        max-width: 960px !important
    }

    .landing-page.horizontal .side-menu>li>a {
        margin: -3px 0 !important;
        color: #282f53
    }

    .landing-page .navbar .navbar-brand {
        padding: 8px 15px
    }

    .landing-page.horizontal .slide {
        margin: 0
    }
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slide {
    margin: 20px;
    display: none;
    float: var(--float-left);
    height: 100%;
    min-height: 1px
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    inset-block-start: 0;
    inset-inline-start: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-initialized .slick-slide {
    display: block
}

.reveal {
    transform: translateY(100px);
    opacity: 0;
    transition: .3s
}

.reveal.active {
    transform: translateY(0);
    opacity: 1
}

.reveal.revealleft {
    transform: translateX(-200px);
    opacity: 0;
    transition: .5s
}

.reveal.revealleft.active {
    transform: translateX(0);
    opacity: 1
}

@media (min-width:992px) {
    .sticky {
        width: 100%
    }

    .landing-page .header.hor-header,
    .landing-page .navbar-toggler {
        display: none
    }

    .landing-page.horizontal .side-menu>li>a {
        margin: -3px 5px !important;
        font-weight: 500
    }
}

.landing-page .fe {
    font-family: feather !important;
    speak-as: 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
}

.landing-page .slick-next,
.landing-page .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    inset-block-start: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.landing-page .slick-prev {
    inset-inline-start: -25px
}

.landing-top-header .main-sidemenu {
    overflow: inherit !important
}

@media (max-width:991px) {
    .responsive-navbar .collapsing .dropdown-menu {
        display: none !important
    }

    .responsive-navbar .collapse.show .dropdown-menu.show {
        display: block !important;
        inset-inline-start: 5% !important;
        inset-inline-end: 5% !important
    }

    .side-menu {
        padding: 0 !important
    }

    .responsive-navbar .navbar-collapse,
    .sidebar-mini .responsive-navbar .navbar-collapse {
        margin-block-start: 72px !important
    }

    .header .dropdown-menu {
        margin-block-start: 16px !important
    }

    .landing-page .navresponsive-toggler {
        padding: 3px
    }

    .landing-top-header .side-menu {
        width: 100% !important
    }
}

.landing-page.app.sidenav-toggled .app-sidebar {
    inset-inline-start: 0 !important
}

@media (min-width:1276px) {
    .landing-page .demo-footer .container {
        max-width: 1140px !important
    }

    .landing-page.horizontal .hor-header .container,
    .landing-page.horizontal .horizontal-main .container,
    .landing-page.horizontal .main-content.hor-content .container {
        max-width: 1200px !important
    }
}

.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover,
.navbar-toggler:focus,
.navbar-toggler:hover,
.slide.is-expanded a {
    text-decoration: none
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-block-start: 0.359375rem;
    padding-block-end: 0.359375rem;
    margin-inline-end: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center/100% 100% no-repeat
}

@media (max-width:991px) {
    .navresponsive-toggler {
        padding: 2px
    }

    .navresponsive-toggler span {
        margin-block-start: 8px;
        text-align: center;
        position: relative;
        color: var(--primary-bg-color)
    }

    .navresponsive-toggler span:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 12px;
        inset-block-start: 4px;
        inset-block-end: 0;
        border-radius: 50%;
        inset-inline-end: 11px;
        background: rgba(var(--primary-bg-color), 0)
    }

    .responsive-navbar .navbar-collapse {
        padding: 0 10px;
        position: fixed;
        width: 100%;
        background: #fff;
        margin-block-start: 41px;
        z-index: 999;
        box-shadow: 0 12px 11px -3px rgba(104, 113, 123, .1);
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0
    }

    .responsive-navbar .dropdown {
        position: initial
    }
}

.responsive-navbar {
    display: initial;
    flex-basis: inherit;
    flex-wrap: inherit
}

.table>thead>tr>td,
.table>thead>tr>th {
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s
}

.rating-stars {
    width: 100%;
    text-align: center;
    font-size: 30px
}

.ribbone,
.ribbone span {
    position: absolute;
    color: #fff
}

.ribbone,
.ribbone-card {
    overflow: hidden
}

.ribbone {
    width: 100%;
    background-size: cover;
    text-transform: uppercase;
    height: 150px;
    z-index: 6
}

@media (max-width:500px) {
    .ribbone {
        width: 100%
    }
}

.ribbone::after,
.ribbone::before {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid
}

.ribbone-top-right::after,
.ribbone-top-right::before {
    border-block-start-color: transparent;
    border-inline-end-color: transparent
}

.ribbone span {
    display: block;
    width: 225px;
    padding: 3px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: capitalize;
    text-align: center;
    font-size: 11px
}

.ribbone-top-right {
    inset-block-start: -10px;
    inset-inline-end: -10px
}

.ribbone-top-right::after {
    inset-block-end: 50px;
    inset-inline-end: 0
}

.ribbone-top-right::before {
    inset-block-start: 0;
    inset-inline-start: 50px
}

.ribbone-top-right span {
    inset-inline-start: 0px;
    inset-block-start: 24px;
    transform: rotate(45deg)
}

.fullwidth-arrow-warning-ribbons .bar,
.fullwidth-primary-ribbons .bar {
    color: #fff;
    padding: 5px;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
    box-shadow: 0 10px 30px -10px gray
}

.fullwidth-primary-ribbons .bar {
    background-color: var(--primary09)
}

.fullwidth-arrow-warning-ribbons .bar span,
.fullwidth-primary-ribbons .bar span {
    position: absolute
}

.fullwidth-arrow-warning-ribbons .bar span:first-child,
.fullwidth-arrow-warning-ribbons .bar span:nth-child(3),
.fullwidth-primary-ribbons .bar span:first-child,
.fullwidth-primary-ribbons .bar span:nth-child(3) {
    border-style: solid;
    border-width: 11px;
    z-index: -1
}

.fullwidth-arrow-warning-ribbons .bar span:first-child,
.fullwidth-primary-ribbons .bar span:first-child {
    border-color: transparent;
    inset-block-start: 31px;
    inset-inline-start: -2px
}

.fullwidth-arrow-warning-ribbons .bar span:nth-child(3),
.fullwidth-primary-ribbons .bar span:nth-child(3) {
    border-color: transparent;
    inset-block-start: 31px;
    inset-inline-end: -2px
}

.fullwidth-arrow-warning-ribbons .bar span:nth-child(2),
.fullwidth-arrow-warning-ribbons .bar span:nth-child(4),
.fullwidth-primary-ribbons .bar span:nth-child(2),
.fullwidth-primary-ribbons .bar span:nth-child(4) {
    inset-block-start: 18px;
    border-style: solid;
    border-width: 18px;
    z-index: -2
}

.fullwidth-primary-ribbons .bar span:nth-child(2) {
    border-color: var(--primary-bg-color) var(--primary-bg-color) var(--primary-bg-color) transparent;
    border-block-start-color: var(--primary-bg-color);
    border-inline-end-color: var(--primary-bg-color);
    border-block-end-color: var(--primary-bg-color);
    border-inline-start-color: transparent;
    inset-inline-start: -30px
}

.fullwidth-primary-ribbons .bar span:nth-child(4) {
    border-block-start-color: var(--primary-bg-color);
    border-inline-end-color: transparent;
    border-block-end-color: var(--primary-bg-color);
    border-inline-start-color: var(--primary-bg-color);
    inset-inline-end: -30px
}

.fullwidth-arrow-warning-ribbons .bar {
    background-color: #f7b731
}

.fullwidth-arrow-warning-ribbons .bar span:nth-child(2) {
    border-block-start-color: #e3a014;
    border-inline-end-color: #e3a014;
    border-block-end-color: #e3a014;
    border-inline-start-color: transparent;
    inset-inline-start: -30px
}

.fullwidth-arrow-warning-ribbons .bar span:nth-child(4) {
    border-block-start: 18px solid transparent;
    border-inline-start: 18px solid #e3a014;
    border-block-end: 18px solid transparent;
    border-inline-end: transparent;
    inset-inline-end: -20px;
    inset-block-start: -2px
}

.logo-horizontal,
.tab-content>.tab-pane {
    display: none
}

.slide.is-expanded .slide-menu,
.sub-slide.is-expanded .sub-slide-menu,
.tab-content>.active {
    display: block
}

.top-footer {
    width: 100%;
    line-height: 1.25rem;
    opacity: 1;
    transform: translate(0, 0);
    font-size: 14px;
    flex: 0 0 auto
}

.header,
.header .dropdown-menu .dropdown-item,
.responsive-navbar .dropdown-menu .dropdown-item {
    border-block-end: 1px solid #e9edf4
}

.header .dropdown-menu,
.responsive-navbar .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, .2);
    border: 1px solid #e9edf4
}

#back-to-top,
.btn-outline-primary:hover {
    background: var(--primary-bg-color)
}

#back-to-top:hover,
.text-primary {
    color: var(--primary-bg-color) !important
}

.top-footer h6 {
    font-size: 14px;
    margin-block-end: 1rem;
    font-weight: 500
}

.top-footer a {
    color: #4f5569;
    line-height: 2
}

.header .dropdown-menu .dropdown-item:last-child,
.responsive-navbar .dropdown-menu .dropdown-item:last-child,
.top-footer .list-unstyled li {
    border-block-end: 0
}

.main-footer {
    padding: 20px 30px 20px 280px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    border-block-start: 1px solid #e6eaea
}

.header {
    background: #fff;
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem
}

.bg-primary,
.btn-primary {
    background: var(--primary-bg-color) !important
}

.header-right-icons a {
    padding-block-start: 9px
}

.header-right-icons .dropdown-menu a {
    padding: 12px
}

.header-brand-img {
    line-height: 2rem;
    vertical-align: middle
}

.header .dropdown-menu {
    margin-block-start: 0;
    padding: 0;
    inset-block-start: 3.5rem !important
}

@media only screen and (max-width:991px) {
    body {
        background-color: #f6f6fb
    }

    .page-main {
        z-index: inherit
    }
}

.header .dropdown-item {
    color: #282f53
}

#back-to-top,
#back-to-top:hover {
    border: 2px solid var(--primary-bg-color)
}

.app-sidebar.horizontal-main {
    padding-block-start: 0px
}

@media (max-width:991.98px) {
    .horizontal .app-sidebar.horizontal-main {
        inset-inline-start: -300px
    }

    .horizontal .main-sidemenu {
        padding: 0
    }

    .horizontal .app-sidebar {
        width: 270px
    }
}

svg {
    -ms-touch-action: none;
    touch-action: none
}

.fe {
    font-family: feather !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.app-sidebar__toggle,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label,
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label,
a,
a:hover {
    color: var(--primary-bg-color)
}

.btn-primary {
    color: #fff !important;
    border-color: var(--primary-bg-color) !important
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-primary:hover {
    border-color: var(--primary-bg-color)
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-bg-color);
    opacity: .8
}

.btn-primary.focus,
.btn-primary:focus {
    opacity: .9
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color)
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px var(--primary09)
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    box-shadow: none
}

.btn-outline-primary {
    color: var(--primary-bg-color);
    background: 0 0
}

.btn-outline-primary:hover {
    color: #fff
}

.bg-primary-transparent {
    background-color: var(--primary01)
}

.app-sidebar__toggle {
    z-index: 1;
    transition: padding-inline-start .3s;
    padding: 0 9px;
    text-align: center;
    font-size: 1.5rem;
    position: relative;
    inset-inline-end: 7px
}

.accordion .accordion-item,
.side-menu {
    padding: 0 10px
}

.app-sidebar__toggle:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    inset-block-start: 12px;
    inset-block-end: 0;
    border-radius: 50%;
    inset-inline-end: 12px;
    background: rgba(var(--primary-bg-color), 0)
}

.app-sidebar {
    position: fixed;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    color: #282f53;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, .1);
    box-shadow: 0 8px 24px rgba(168, 180, 208, .1);
    -webkit-transition: left 450ms, width 450ms;
    transition: left 450ms, width 450ms;
    -o-transition: left 450ms, width 450ms;
    border-inline-end: 1px solid #e9edf4
}

.app-sidebar::-webkit-scrollbar {
    width: 6px
}

.app-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2)
}

.accordion button,
.bsb-overlay,
.hero-slider,
.side-menu__item,
.slide-menu li,
.sub-slide-item {
    position: relative
}

.side-menu {
    margin-block-end: 0
}

.side-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: border-inline-start-color .3s, background-color .3s;
    -o-transition: border-inline-start-color .3s, background-color .3s;
    transition: border-inline-start-color .3s, background-color .3s;
    color: #282f53;
    margin: 2px 0;
    white-space: nowrap
}

.side-menu__item:focus,
.side-menu__item:hover {
    text-decoration: none;
    color: var(--primary-bg-color)
}

.side-menu__label {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-block-start: 3px
}

.slide-menu {
    display: none;
    font-size: .7rem !important;
    padding-inline-start: 30px
}

.slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    font-size: 13.3px;
    color: #74829c;
    white-space: nowrap
}

.sub-side-menu__item {
    padding: 8px;
    font-size: 13px;
    display: flex;
    color: #74829c
}

.sub-side-menu__item .sub-side-menu__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.sub-slide-menu {
    display: none;
    padding-block-start: 0px;
    padding-inline-end: 15px;
    padding-block-end: 15px;
    padding-inline-start: 0px;
    font-size: 13px !important;
    list-style: none
}

.sub-slide-item {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-block-start: 8px !important;
    padding-inline-end: 8px !important;
    padding-block-end: 8px !important;
    padding-inline-start: 24px !important;
    color: #74829c;
    font-size: 13.5px
}

@media screen and (max-width:991.9px) {
    .side-menu {
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important
    }
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free"
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.align-middle {
    vertical-align: middle !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.bg-success {
    background: #198754 !important
}

.bg-danger {
    background: #e82646 !important
}

.bg-light {
    background-color: #f6f6fb !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-success-transparent {
    background-color: rgba(0, 230, 130, .1) !important
}

.bg-secondary-transparent {
    background-color: rgba(5, 195, 251, .1) !important
}

.clearfix::after {
    display: bsock;
    clear: both;
    content: ""
}

@media screen and (min-width:767px) {
    .display-5 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.1
    }

    .d-none {
        display: none !important
    }

    .d-inline {
        display: inline !important
    }

    .d-block {
        display: block !important
    }

    .d-flex {
        display: flex !important
    }
}

.d-grid {
    display: grid !important
}

.gap-2 {
    gap: .5rem !important
}

.float-end {
    float: var(--float-right) !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-start: 0;
    margin-block-end: 0.66em
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-end: 0.66em;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

.h1,
h1 {
    font-size: 2rem
}

.h2,
h2 {
    font-size: 1.75rem
}

.h3,
.text-size-new p,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .875rem
}

.h-100 {
    height: 100% !important
}

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

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

.mt-1,
.my-1 {
    margin-block-start: 0.25rem !important
}

.me-1,
.mx-1 {
    margin-inline-end: .25rem !important
}

.mb-1,
.my-1 {
    margin-block-end: 0.25rem !important
}

.mt-2,
.my-2 {
    margin-block-start: 0.5rem !important
}

.me-2,
.mx-2 {
    margin-inline-end: .5rem !important
}

.mb-2,
.my-2 {
    margin-block-end: 0.5rem !important
}

.mt-3,
.my-3 {
    margin-block-start: 0.75rem !important
}

.mb-3,
.my-3 {
    margin-block-end: 0.75rem !important
}

.mt-4,
.my-4 {
    margin-block-start: 1rem !important
}

.me-4,
.mx-4 {
    margin-inline-end: 1rem !important
}

.ms-4,
.mx-4 {
    margin-inline-start: 1rem !important
}

.mb-5,
.my-5 {
    margin-block-end: 1.5rem !important
}

.mb-7,
.my-7 {
    margin-block-end: 3rem !important
}

.mt-auto,
.my-auto {
    margin-block-start: auto !important
}

.me-auto,
.mx-auto {
    margin-inline-end: auto !important
}

.mb-auto,
.my-auto {
    margin-block-end: auto !important
}

.ms-auto,
.mx-auto {
    margin-inline-start: auto !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-block-start: 0 !important
}

.pe-0,
.px-0 {
    padding-inline-end: 0 !important
}

.pb-0,
.py-0 {
    padding-block-end: 0 !important
}

.ps-0,
.px-0 {
    padding-inline-start: 0 !important
}

.pt-1,
.py-1 {
    padding-block-start: 0.25rem !important
}

.pe-1,
.px-1 {
    padding-inline-end: 0.25rem !important
}

.pb-1,
.py-1 {
    padding-block-end: 0.25rem !important
}

.ps-1,
.px-1 {
    padding-inline-start: 0.25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-block-start: 0.5rem !important
}

.pe-2,
.px-2 {
    padding-inline-end: 0.5rem !important
}

.pb-2,
.py-2 {
    padding-block-end: 0.5rem !important
}

.ps-2,
.px-2 {
    padding-inline-start: 0.5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3,
.py-3 {
    padding-block-start: 0.75rem !important
}

.pe-3,
.px-3 {
    padding-inline-end: 0.75rem !important
}

.pb-3,
.py-3 {
    padding-block-end: 0.75rem !important
}

.pt-4,
.py-4 {
    padding-block-start: 1rem !important
}

.pb-4,
.py-4 {
    padding-block-end: 1rem !important
}

.pt-5,
.py-5 {
    padding-block-start: 1.5rem !important
}

.pb-5,
.py-5 {
    padding-block-end: 1.5rem !important
}

.pe-6,
.px-6 {
    padding-inline-end: 2rem !important
}

.pb-6,
.py-6 {
    padding-block-end: 2rem !important
}

.ps-6,
.px-6 {
    padding-inline-start: 2rem !important
}

@media (min-width:992px) {
    .horizontal .horizontal-main {
        z-index: 7 !important;
        position: relative;
        inset-block-end: initial
    }

    .horizontal .hor-header .container,
    .horizontal .horizontal-content .container,
    .horizontal .horizontal-main .container {
        max-width: 85% !important;
        padding: 0
    }

    .horizontal .side-menu {
        display: flex;
        overflow: hidden;
        padding: 0
    }

    .horizontal .main-sidemenu {
        margin-block-start: 0;
        overflow: hidden
    }

    .horizontal .stickyClass .horizontal-main {
        width: 100%
    }

    .horizontal .horizontal-main .slide .slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu2 {
        width: 190px;
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        padding: 5px;
        min-width: fit-content;
        box-shadow: 0 16px 18px rgba(135, 135, 182, .1) !important;
        border: 1px solid #e7eaf3
    }

    .horizontal .horizontal-main .slide .slide-menu {
        border-radius: 0 0 5px 5px
    }

    .horizontal .slide-item,
    .horizontal .sub-side-menu__item {
        padding: 8px 35px
    }

    .horizontal .app-sidebar {
        transition: none
    }

    .horizontal .sub-slide .sub-slide-menu {
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        box-shadow: 5px 5px 5px #b9b9b9;
        border-radius: 5px;
        padding: 0;
        min-width: fit-content;
        border: 1px solid #f0f0f8;
        inset-inline-start: 180px;
        inset-block-start: 13px
    }

    .horizontal .side-menu>li>a {
        display: flex;
        margin: -3px -5px !important;
        text-decoration: none;
        position: relative;
        color: #7b8191;
        padding: 16px !important;
        font-weight: 400
    }

    .horizontal .slide {
        margin: 0 3px
    }

    .horizontal-main {
        position: relative;
        margin: 0 auto
    }

    .app-sidebar {
        padding-block-start: 55px
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-block-end: 0 !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-block-start: 0 !important
    }
}

.text-nowrap {
    white-space: nowrap !important
}

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

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

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

.text-secondary {
    color: #05c3fb !important
}

.text-warning {
    color: #f7b731 !important
}

.text-danger {
    color: #e82646 !important
}

.text-dark {
    color: #100f15 !important
}

.text-body {
    color: #495057 !important
}

.text-muted {
    color: #74829c !important
}

.text-white {
    color: #fff !important
}

.text-end {
    text-align: end
}

.w-25 {
    width: 25% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-90 {
    width: 90% !important
}

.icon-check-circle-blue,
.icon-check-circle-primary,
.icon-check-circle-red {
    width: 1em;
    height: 1em;
    background-size: contain;
    margin: .2rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle
}

.icon-check-circle-blue,
.icon-check-circle-red {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2305c3fb' d='M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z'/%3E%3C/svg%3E")
}

.icon-check-circle-primary {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2305c334' d='M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z'/%3E%3C/svg%3E")
}

.table-warning1 {
    background-color: #0070d2
}

.bdr {
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:396px) {
    .table-warning1 .text-white {
        font-size: 10px
    }
}

@media (max-width:405px) {
    .custom-pading-top-1 {
        margin-top: 4%
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-block-start: 0 !important
    }

    .bsb-cta-1 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.bsb-cta-1 {
    background-attachment: fixed;
    background-position: 50%;
    background-size: cover;
    padding-bottom: 3rem;
    padding-top: 3rem
}

.bsb-overlay {
    --bsb-overlay-opacity: 0.5;
    --bsb-overlay-bg-color: var(--bs-black-rgb)
}

@media (max-width:991px) {

    .app-sidebar__overlay,
    .logo-horizontal {
        inset-inline-start: 0;
        inset-inline-end: 0
    }

    .header.hor-header {
        position: fixed;
        border-block-end: 1px solid #e9edf4;
        width: 100%;
        z-index: 999;
        inset-block-start: 0
    }

    .app .app-sidebar,
    .horizontal.app .app-sidebar {
        inset-block-start: 70px
    }

    .header.hor-header .header-brand-img.desktop-logo {
        display: none;
        margin: 0 auto
    }

    .header.hor-header .header-brand-img.light-logo1 {
        display: block
    }

    .header-brand-img {
        margin-inline-start: 1.5rem;
        margin: 3px auto
    }

    .header {
        border-block-end: 1px solid rgba(255, 255, 255, 0.2);
        padding-block-start: 0.95rem;
        padding-block-end: 0.95rem
    }

    .logo-horizontal {
        display: block;
        position: absolute;
        width: inherit
    }

    .app {
        overflow-x: hidden
    }

    .app .app-sidebar {
        inset-inline-start: -270px
    }

    .app .app-sidebar__overlay {
        visibility: hidden
    }

    .app.sidenav-toggled .app-sidebar {
        inset-inline-start: 0
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: visible
    }

    .app-sidebar__toggle {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-inline-start: 15px !important
    }

    .app-sidebar__overlay {
        position: fixed;
        inset-block-start: 0;
        inset-block-end: 0;
        z-index: 9
    }

    .side-bar-custom-margin {
        margin-top: 100px !important
    }

    .hero-slider {
        height: 400px
    }
}

@media (max-width:670px) {
    .side-bar-custom-margin {
        margin-top: 110px !important
    }
}

@media (max-width:376px) {
    .custom-screen-size {
        font-size: 12px !important
    }
}

.accordion .accordion-item,
.accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #0070d2
}

.accordion button .icon::after,
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    background: currentColor
}

.accordion-item {
    border: none
}

.accordion button {
    display: block;
    text-align: left;
    width: 100%;
    padding: 1.2em;
    color: #111;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: 0 0;
    outline: 0
}

.accordion button:focus,
.accordion button:hover {
    cursor: pointer;
    color: #0070d2
}

.accordion button:focus::after,
.accordion button:hover::after {
    cursor: pointer;
    color: #0070d2;
    border: 1px solid #111
}

.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px
}

.accordion button .icon::before {
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px
}

.accordion button .icon::after {
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px
}

.accordion button[aria-expanded=true],
.accordion-content p,
ol li {
    color: #111
}

.accordion button[aria-expanded=true] .icon::after {
    width: 0
}

.accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 35em;
    transition: .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content p:first-child {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
    color: #111
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.service-box {
    text-align: center;
    cursor: pointer;
    background: 0 0
}

.service-box h3 {
    font-weight: 400;
    font-size: 1rem;
    color: #000
}

.service-box p {
    color: #000;
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 0
}

.me-1 {
    margin-right: .25rem !important
}

.btn-outline-secondary {
    color: #777;
    border-color: #777
}

.footer_hover_txt *,
::after,
::before {
    box-sizing: border-box
}

:root {
    --circle-size: clamp(1.5rem, 5vw, 3rem);
    --spacing: clamp(0.25rem, 2vw, 0.5rem);
    --color02: #502883;
    --color03: linear-gradient(#000000b3, #000000b3)
}

@media screen and (max-width:992px) {
    .navbar {
        max-height: 400px;
        overflow-y: auto
    }
}

.price_section-1 h2,
.sec-title h2 {
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #000
}

.price_section-1 {
    background: linear-gradient(#fff, #3859b2)
}

html {
    --dark-gray: #5a5a5a;
    --light-gray: #949494;
    --focus-blue: #459fbd
}

.hero-slider {
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left
}

.hero-slider .slide-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    display: block;
    pointer-events: none
}

.hero-slider .slide-inner>:not(.slide-bg-img) {
    position: relative;
    z-index: 1
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    background: 0 0;
    width: 55px;
    height: 55px;
    line-height: 53px;
    text-align: center;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity: 1;
    visibility: visible;
    transition: .3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.hero-slider .swiper-button-prev {
    left: 25px
}

.hero-slider .swiper-button-next {
    right: 25px
}

.hero-slider .swiper-button-next:before,
.hero-slider .swiper-button-prev:before {
    content: "";
    background-size: cover;
    width: 30px;
    height: 30px;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900
}

.hero-slider .swiper-button-prev:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23d4d3d3" d="M17 11H9.41l3.3-3.29a1 1 0 1 0-1.42-1.42l-5 5a1 1 0 0 0-.21.33a1 1 0 0 0 0 .76a1 1 0 0 0 .21.33l5 5a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.41 13H17a1 1 0 0 0 0-2"%2F%3E%3C%2Fsvg%3E')
}

.hero-slider .swiper-button-next:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23d4d3d3" d="M17.92 11.62a1 1 0 0 0-.21-.33l-5-5a1 1 0 0 0-1.42 1.42l3.3 3.29H7a1 1 0 0 0 0 2h7.59l-3.3 3.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l5-5a1 1 0 0 0 .21-.33a1 1 0 0 0 0-.76"%2F%3E%3C%2Fsvg%3E')
}

.swiper-pagination {
    text-align: left
}

.hero-style {
    height: 800px;
    transition: .4s
}

.hero-style .slide-btns,
.hero-style .slide-text,
.hero-style .slide-title {
    max-width: 690px
}

.hero-style .slide-title h1,
h2 {
    font-size: 70px;
    line-height: 1;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 700;
    letter-spacing: 0;
    transition: .4s
}

.hero-style .slide-title h3 {
    font-size: 40px;
    line-height: 2;
    color: #fff;
    margin: 0 0 3px;
    font-weight: 700;
    letter-spacing: 0;
    transition: .4s
}

@media (max-width:1199px) {
    .hero-style .slide-title h3 {
        font-size: 25px
    }

    .hero-style .slide-title h1,
    h2 {
        font-size: 65px
    }
}

.hero-style .slide-text p {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff;
    margin: 0 0 10px;
    transition: .4s
}

@media (max-width:1200px) {
    .hero-style .slide-text p {
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 10px
    }
}

@media (max-width:991px) {
    .hero-style {
        height: 400px
    }

    .hero-style .slide-title h1,
    h2 {
        font-size: 40px;
        margin: 0 0 10px
    }

    .hero-style .slide-text p {
        font-size: 15px;
        font-weight: 300;
        margin: 0 0 10px
    }
}

@media (max-width:767px) {
    .price_section-1 h2 {
        font-size: 1.9328em;
        font-weight: 300
    }

    .title-1756 h2 {
        font-size: 1.9328em
    }

    .hero-slider,
    .hero-style {
        height: 300px
    }

    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev {
        display: none
    }

    .hero-style .slide-title h1,
    h2 {
        font-size: 25px !important;
        margin: 0
    }

    .hero-style .slide-text p {
        font-size: 12px;
        font-weight: 300;
        margin: 0 0 10px
    }
}

.hero-style .slide-btns>a:first-child {
    margin-right: 5px
}

.theme-btn,
.theme-btn-s2,
.theme-btn-s2-child-one,
.theme-btn-s5 {
    font-size: 20px;
    font-weight: 500;
    transition: .5s ease-out;
    text-align: center;
    display: inline-block
}

.theme-btn,
.theme-btn-s2,
.theme-btn-s2-child-one {
    line-height: 1.4;
    color: #0070d2;
    padding: 9px 32px;
    border: 0;
    border-radius: 3rem;
    line-height: initial;
    background: linear-gradient(to left, #fff 50%, #dc3545 50%) right;
    background-size: 200%
}

.theme-btn,
.theme-btn-s2:hover,
.theme-btn-s5:hover {
    background-position: left
}

.slide-btns a {
    text-decoration: none;
    transition: .2s
}

.theme-btn-s2 {
    background: #feb811;
    color: #fff
}

.theme-btn-s2-child-one {
    background: #ff5000;
    color: #fff
}

.theme-btn-s2-child-one:hover {
    background: #0070d2;
    color: #fff
}

.theme-btn-s2:active,
.theme-btn-s2:focus,
.theme-btn-s2:hover,
.theme-btn-s5:active,
.theme-btn-s5:focus,
.theme-btn-s5:hover,
.theme-btn:active,
.theme-btn:focus,
.theme-btn:hover {
    background-color: #0070d2;
    color: #fff
}

.theme-btn,
.theme-btn-s5 {
    line-height: 1.4;
    color: #0070d2;
    padding: 9px 50px;
    border: 0;
    border-radius: 3rem;
    line-height: initial;
    background: linear-gradient(to left, #fff 50%, #0070d2 50%) right;
    background-size: 200%
}

.theme-btn-s5 {
    background: #fff;
    color: #0070d2
}

.icon-blue-profile-group,
.icon-check1,
.icon-close1,
.icon-green-location-pin,
.icon-purple-award {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (max-width:991px) {

    .theme-btn,
    .theme-btn-s2,
    .theme-btn-s2-child-one,
    .theme-btn-s3,
    .theme-btn-s5 {
        padding: 5px 8px;
        font-size: 8px
    }
}

.sec-title h4 {
    font-weight: 800;
    color: #0070d2;
    letter-spacing: .35rem
}

.custom-button-siginup {
    overflow: hidden;
    border-radius: 3rem;
    font-size: 1rem
}

.image-box img {
    border-radius: 1rem
}

.dropdown-menu a {
    transition: 1s
}

.video-inner .image-box-1 img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%, 0% 0%)
}

.custom-input-collection-site>.form-control {
    border: 2px solid #0070d2;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 13px 10px
}

.service-box img {
    width: 150px;
    height: 150px
}

.single-offer {
    text-align: center;
    box-shadow: 0 0 20px 3px #0000000d;
    transition: .5s;
    transition: transform .3s, box-shadow .3s
}

.single-offer h3 {
    margin-bottom: 15px;
    color: #24416b;
    font-size: 18px;
    font-weight: 700;
    margin-top: 2%
}

.text-shadow {
    text-shadow: 1px 1px 1px #21130dff
}

.icon-purple-award {
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23502883' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 9a6 6 0 1 0 12 0A6 6 0 1 0 6 9'/%3E%3Cpath d='m12 15l3.4 5.89l1.598-3.233l3.598.232l-3.4-5.889M6.802 12l-3.4 5.89L7 17.657l1.598 3.232l3.4-5.889'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-blue-profile-group,
.icon-green-location-pin {
    width: 24px;
    height: 24px
}

.icon-blue-profile-group {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2305c3fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-green-location-pin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2309ad95' d='M12 3a7 7 0 0 0-7 7c0 2.862 1.782 5.623 3.738 7.762A26 26 0 0 0 12 20.758q.262-.201.615-.49a26 26 0 0 0 2.647-2.504C17.218 15.623 19 12.863 19 10a7 7 0 0 0-7-7m0 20.214l-.567-.39l-.003-.002l-.006-.005l-.02-.014l-.075-.053l-.27-.197a28 28 0 0 1-3.797-3.44C5.218 16.875 3 13.636 3 9.999a9 9 0 0 1 18 0c0 3.637-2.218 6.877-4.262 9.112a28 28 0 0 1-3.796 3.44a17 17 0 0 1-.345.251l-.021.014l-.006.005l-.002.001zM12 8a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0'/%3E%3C/svg%3E")
}

.icon-close1 {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23e82646' d='M15.1 3.1L12.9.9L8 5.9L3.1.9L.9 3.1l5 4.9l-5 4.9l2.2 2.2l4.9-5l4.9 5l2.2-2.2l-5-4.9z'/%3E%3C/svg%3E")
}

.icon-check1 {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2309ad95' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E")
}
.width-main-page,
.width-main-page1,
.width-main-page2 {
    width: 50%
}
@media (max-width:593px) {
    .width-main-page,
.width-main-page1,
.width-main-page2 {
        width: 100%
    }
}

.page-header123 {
    position: relative;
    overflow: hidden;
    min-height: 100px
}

.page-header-img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important
}

.page-header-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    z-index: 1
}

.page-header-content {
    position: relative;
    z-index: 2;
    padding: 6% 0
}

.page-header123 .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light)
}