.heateor_sss_horizontal_sharing .heateorSssTCBackground {
    color: #666
}

.heateor_sss_vertical_sharing .heateorSssTCBackground {
    color: #666
}

div.heateor_sss_mobile_footer {
    display: none
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body input[type="submit"]{
    padding:10px 30px;
	border-radius:5px;
	background: linear-gradient(180deg, #0030ff 0, #00a8ff 100%);
    border: 1px solid #005997;
    color: #fff;
    border-radius: 100px;
    font-weight: 500;
}

.Image-Heading-Star {
    display: grid;
    grid-template-columns: 175px 230px 1fr;
    align-items: center;
    position: relative;
}

.Test-Image {
    position: relative;
    padding: 30px;
}

.Font-Family-Poppins {
    font-family: poppins;
}

.C-Black {
    color: black;
}

.Font-Size-24 {
    font-size: 20px;
}

.Text-Bold {
    font-weight: 900;
}

.C-White {
    color: white;
}

.Image-Heading-Star:after {
    content: '';
    position: absolute;
    width: 370px;
    height: 240px;
    background-image: url(../images/testimonials.webp);
    right: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Test-Image:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 35px;
    background-image: url(../images/metro-quote.html);
    top: 24px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width:783px) {
    .heateor_sss_vertical_sharing {
        display: none !important
    }

    div.heateor_sss_mobile_footer {
        display: block;
        height: 40px
    }
}

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url] {
    direction: ltr
}

.popup-template .modal {
    opacity: 0;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: all 250ms ease
}

.popup-template .modal.is-open {
    opacity: 1;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: all 250ms ease
}

:root {
    --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))
}

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

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

body {
    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
}

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

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width:1200px) {
    h1 {
        font-size: 2.5rem
    }
}

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

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

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media(min-width:1200px) {
    h3 {
        font-size: 1.75rem
    }
}

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

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

h5 {
    font-size: 1.25rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ul {
    padding-left: 2rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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
}

code {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

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:not(:focus-visible) {
    outline: 0
}

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

::-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
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-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
}

output {
    display: inline-block
}

iframe {
    border: 0
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

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

@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
    }

    .container {
        max-width: 1140px
    }
}

@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)*-.5);
    margin-left: calc(var(--bs-gutter-x)*-.5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-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);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

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

.form-label {
    margin-bottom: .5rem
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }

    .form-control {
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

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

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropend,
.dropstart,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-text:last-child {
    margin-bottom: 0
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    z-index: 111111;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }

    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    /* width: 100%; */
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    padding: 10px;
    margin: 10px;

}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }

    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.show {
    transform: none
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.d-flex {
    display: flex !important
}

.position-relative {
    position: relative !important
}

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

.border-0 {
    border: 0 !important
}

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

.mt-5 {
    margin-top: 3rem !important
}

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

.mb-0 {
    margin-bottom: 0 !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

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

.visible {
    visibility: visible !important
}

@media(min-width:768px) {
    .pb-md-0 {
        padding-bottom: 0 !important
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    /* background: url(/lp/assets/css/owl.video.play.html) no-repeat; */
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.fa-solid {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-arrow-down-long:before {
    content: ""
}

.fa-arrow-left-long:before {
    content: ""
}

.fa-arrow-right-long:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-user:before {
    content: ""
}

:root {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "font awesome 6 free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid {
    font-family: "font awesome 6 free";
    font-weight: 900
}

@font-face {
    font-family: "font awesome 5 free";
    font-display: swap;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Medium.eot);
    src: url(../fonts/Gilroy-Medium.eot) format("embedded-opentype"), url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.ttf) format("truetype"), url(../fonts/Gilroy-Medium.html#Gilroy-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Regular.eot);
    src: url(../fonts/Gilroy-Regular.eot) format("embedded-opentype"), url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff"), url(../fonts/Gilroy-Regular.ttf) format("truetype"), url(../fonts/Gilroy-Regular.html#Gilroy-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(lp/assets/fonts/Gilroy-Bold.html);
    src: url(lp/assets/fonts/Gilroy-Bold.html) format("embedded-opentype"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.ttf) format("truetype"), url(../fonts/Gilroy-Bold.html#Gilroy-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(lp/assets/fonts/gilroy/Gilroy-Heavy.html);
    src: url(lp/assets/fonts/Gilroy-Heavy.html) format("embedded-opentype"), url(../fonts/Gilroy-Heavy.woff2) format("woff2"), url(../fonts/Gilroy-Heavy.woff) format("woff"), url(../fonts/Gilroy-Heavy.ttf) format("truetype"), url(../fonts/Gilroy-Heavy.html#Gilroy-Heavy) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

body {
    font-family: gilroy;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

.relative {
    position: relative
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.section {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%
}

.vertical-scroll-but {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 50px;
    position: fixed;
    right: 2%;
    bottom: 12%;
    animation-name: floating;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: 2
}

.vertical-scroll-but i {
    margin-top: 8px;
    font-size: 24px;
    color: #565656;
    margin-bottom: 8px
}

.vertical-scroll-but span {
    writing-mode: vertical-rl;
    letter-spacing: 1.5px
}

.owl-carousel img {
    width: auto !important
}

.banner-section h1 {
    font-size: 52px;
    line-height: 64px
}

h2.section-title {
    font-weight: 500;
    color: #000;
    font-size: 42px;
    line-height: 51px;
	font-weight:bold
}

@media(max-width:1099px) {
    h2.section-title {
        font-size: 42px;
        line-height: 50px
    }
}

@media(max-width:767px) {
	.process-content .content{Padding:0px !important}
	.Shifaam-at-greek-root .txt_sec_area h2{font-size:24px !important; line-height:30px !important; margin-right:0 !important}
	.Shifaam-at-greek-root .txt_sec_area{Padding:46px 30px !important; height:auto !important}
	.Heading-Star span{ text-align:center; float:left; width:100%; margin-bottom:10px}
	.what-people-say-about-crown-soft .text-cont p{margin:15px 0px 35px !important}
	.Heading-Star{padding-right:0px !important}
	.Heading-Star h5{font-size:24px; margin-top:10px}
	.prototype-app-banner h1{ margin-top:22% !important}
	.Shifaam-at-greek-root .bg-img-sec img{padding:0 20px}
	.Shifaam-at-greek-root .txt_sec_area .para_sec p{font-size:16px !important; font-weight:500; line-height:28px !important }
	.what-people-say-about-crown-soft h2.section-title {text-align:center}
	.what-people-say-about-crown-soft .text-cont p {text-align:center !important}

    h2.section-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 20px;
		text-align:left;
		margin-bottom:20px !important
    }
    
    .Image-Heading-Star {
    display: block;
}

.Test-Image {
    position: relative;
    padding: 0px;
}

.Image-Heading-Star img {
    margin: 0 auto;
}

.Test-Image:after {
    top: -6px;
    left: 0px;
    background-size: 50%;
}

.Font-Size-24 {
    font-size: 14px;
    text-align:center;
}

.Image-Heading-Star img {
    margin: 0 auto;
}

.Content-box-Test {
    margin-top: 2em;
}

section.Home-Fortheen p {
    margin-top: 0px !important;
}

.Image-Heading-Star:after {
    width: 100%;
    right: 0;
    top: 160px;
    background-size: 40%;
}

}

h2.section-title span {
    font-weight: 700;
    color: #ff0000;
    font-size: inherit
}

p.section-content {
    padding: 1% 0;
    font-weight: 400;
    color: #555;
    text-align: left;
    margin-top: 5px;
    /* margin-bottom: 30px; */
    font-size: 20px;
    line-height: 30px
}



@media(max-width:1199px) {
    .vertical-scroll-but {
        right: .5%
    }

    p.section-content {
        font-size: 20px;
        line-height: 36px
    }
}

.gray-bg {
    background: #fafafa !important
}

.nav-link:focus,
.nav-link:hover {
    color: #ff0000
}

@media(max-width:767px) {
    p.section-content {
        font-size: 16px;
        line-height: 28px;
		text-align:left !important
    }

    .vertical-scroll-but {
        display: none !important
    }
}

ul {
    margin: 0;
    padding: 0
}

header {
    padding: 20px 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    -webkit-transition: top .6s ease-in-out;
    transition: top .6s ease-in-out
}

header.hidden {
    top: -84px
}

header.fixed {
    background: rgba(222, 37, 58, .7)
}

.header-wrapper .logo {
    max-width: 148px
}

@media(max-width:991px) {
    .header-wrapper .navbar {
        position: absolute;
        top: -10px;
        right: 0;
        width: inherit
    }
}

.header-wrapper .navbar .container-fluid {
    justify-content: right
}

.header-wrapper .navbar button {
    font-size: 30px;
    padding: 0;
    color: red;
    position: absolute;
    top: 0
}

.header-wrapper .navbar button:focus {
    box-shadow: none
}

@media all and (max-width:991px) {
    .header-wrapper .mobile-menu-header {
        display: block
    }

    .header-wrapper .mobile-menu-header svg {
        max-width: 50px;
        position: absolute;
        top: -85px;
        left: 70px
    }

    .header-wrapper .mobile-menu-header a {
        text-decoration: none;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        color: #ff0000;
        padding: 8px 8px 8px 32px
    }
}

.navbar .megamenu {
    padding: 0
}

@media all and (max-width:767px) {
    .navbar .megamenu {
        position: relative
    }
}

@media all and (min-width:992px) {
    .header-wrapper .navbar .nav-item .dropdown-menu {
        display: none
    }

    .header-wrapper .navbar .mobile-menu-header {
        display: none
    }

    .header-wrapper .navbar .nav-item:hover .dropdown-menu {
        display: inline-block
    }

    .header-wrapper .navbar .nav-item .dropdown-menu {
        margin-top: 0
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0
    }
}

.megamenu ul li {
    padding: 10px 0
}

@media all and (max-width:1300px) {
    .megamenu ul li {
        padding: 13px 0
    }
}

@media all and (max-width:1100px) {
    .megamenu ul li {
        padding: 5px 0
    }
}

.megamenu ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #222
}

.megamenu ul li a i {
    color: #ff0000;
    margin-right: 15px
}

.megamenu ul li a:hover {
    color: #ff0000
}

@media all and (max-width:1199px) {
    .megamenu ul li a {
        font-size: 13px
    }
}

footer {
    height: auto !important;
    justify-content: flex-start !important;
}

footer .footer-bottom {
    background: #000;
    padding: 30px 0 0
}

footer .footer-bottom img {
    margin-top: 10%
}

footer .footer-bottom .title {
    color: #b4b4b4;
    font-size: 22px;
    font-weight: 500;
    margin-top: 35px;
    margin-bottom: 12px
}

footer .footer-bottom ul {
    margin: 0;
    padding: 0
}

footer .footer-bottom ul li {
    list-style: none
}

footer .footer-bottom ul li a {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 8px;
    display: block
}

@media(min-width:992px)and (max-width:1199px) {
    footer .footer-bottom img {
        max-width: 80%
    }

    footer .footer-bottom .title {
        font-size: 20px
    }

    footer .footer-bottom ul li a {
        font-size: 18px
    }
}

footer .footer-bottom .copyright {
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    border-top: 1px solid #222;
    text-align: center;
    padding-bottom: 0
}

@media(min-width:768px)and (max-width:991px) {
    footer .footer-bottom .title {
        font-size: 18px
    }

    footer .footer-bottom ul li a {
        font-size: 16px
    }
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999 !important;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

div#preloader img {
    max-width: 700px
}

.top-bar p {
    margin-bottom: 0
}

.cursor,
.cursor2 {
    pointer-events: none
}

.mobile-sidepanel a,
a:hover {
    text-decoration: none
}

footer ul {
    list-style: none
}

body {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden
}

img {
    max-width: 100%
}

.top-bar p a:hover,
a {
    color: #000
}

.pb-0 {
    padding-bottom: 0 !important
}

.progress-container {
    background: 0 0;
    width: 100%;
    height: 5px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999
}

.progress-bar {
    height: 5px;
    background: #ff0000;
    width: 0%
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    border: none;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 50px;
    z-index: 111111;
    
}

#text-cycler,
.top-bar p span img {
    position: relative
}

.header.nav-up {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    margin-top: 0
}

.header.nav-down {
    -webkit-transform: none;
    transform: none;
    background-color: #fff;
    padding: 15px 0;
    margin-top: 0
}

.top-bar p {
    align-items: center;
    display: flex
}

.top-bar {
    background: #ff0000;
    width: 100%;
    padding: 8px 0;
    display: flex
}

.top-bar p {
    font-size: 16px;
    line-height: 19px;
    color: #fcfcfc;
    justify-content: flex-end
}

.top-bar p a {
    color: #000;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none
}

.top-bar p span {
    font-weight: 500;
    padding-right: 25px
}

.top-bar p span svg {
    padding-right: 2px;
    top: -1px
}

footer ul li a:hover {
    color: #fff
}

.mobile-sidepanel.show {
    opacity: 1;
    visibility: visible
}

div#mobile-sub-menu {
    left: -24px
}

footer ul li a:hover:after {
    width: 100%
}

span.tag {
    box-shadow: 0 9px 15px rgba(0, 0, 0, .07)
}

body.landing-text-hover span#text-cycler:before,
span.landing__text__hover:after {
    display: none
}

#cycler,
#cycler img,
span#text-cycler:before,
span.tag {
    position: absolute
}

#cycler {
    left: 0;
    top: 0;
    z-index: -1;
    right: 0
}

#cycler img {
    z-index: 1;
    height: 100vh;
    width: 100%;
    object-fit: cover
}

#cycler img.active,
#text-cycler span.is-active {
    z-index: 3
}

#text-cycler span {
    z-index: 1
}

span#text-cycler:before {
    content: "";
    width: 100%;
    height: 10px;
    background: #222;
    left: 7px;
    bottom: -10px
}

.scroll-icon:after,
footer ul li a {
    font-size: 14px;
    font-weight: 500
}

span.tag {
    right: 10px;
    top: 10px;
    background: #ff0000;
    border-radius: 5px;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.cursor,
.cursor2,
.scroll-icon {
    position: fixed
}

.cursor {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #ff0000;
    transition: .2s ease-out;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%)
}

.cursor2 {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #ff0000;
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: width .3s, height .3s, opacity .3s
}

.cursorinnerhover {
    width: 50px;
    height: 50px;
    opacity: .5
}

.mobile-sidepanel {
    opacity: 0;
    visibility: hidden
}

footer ul li a:after {
    content: "";
    width: 0;
    background: #fff;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: .6s
}

.scroll-icon {
    right: 20px;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    z-index: 999999
}

.scroll-icon img {
    width: 30px;
    margin-bottom: 12px
}

.scroll-icon:after {
    content: "SCROLL";
    transform: rotate(90deg);
    position: relative;
    top: 17px;
    left: -15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #565656
}

footer {
    padding-top: 90px;
    background: #000
}

@media(max-width:575px) {
    footer {
        padding: 25px 15px
    }
}

footer ul {
    padding: 0;
    margin-bottom: 0
}

.footer-mobile-menu ul {
    margin-right: 0
}

footer ul li {
    padding-bottom: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 400
}

footer ul li a {
    line-height: 22px;
    color: #fff;
    transition: .8s;
    position: relative;
    text-decoration: none;
    margin-bottom: 12px;
    display: block
}

.mobile-sidepanel {
    width: 100%;
    position: fixed;
    height: 100vh;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 110px;
    z-index: 999999
}

.mobile-sidepanel a {
    padding: 8px 8px 8px 32px;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s
}

.mobile-sidepanel a:hover {
    color: #f1f1f1
}

.mobile-sidepanel .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    color: #ff0000
}

.openbtn {
    font-size: 30px;
    cursor: pointer;
    color: #ff0000;
    padding: 10px 0;
    border: none;
    background: 0 0
}

#mobile-company-menu {
    position: absolute;
    top: 60px;
    left: -40px;
    display: none
}

.mobile-sub-menu ul li a {
    font-size: 20px;
    padding-left: 0;
    margin-bottom: 14px
}

.mobile-sub-menu ul {
    margin-bottom: 30px
}

.mobile-sub-menu {
    padding-left: 0;
    overflow: hidden;
    display: none
}

.openbtn:focus,
.openbtn:focus-visible {
    outline: 0
}

.ppc-header .header {
    margin-top: 0
}

.ppc-header .header.nav-down {
    padding-top: 0
}

@media only screen and (max-width:1024px) {
	.prototype-app-banner ul.banner-points li{font-size:18px !important}
    .header.nav-down {
        padding: 10px 0
    }

}

@media only screen and (max-width:991px) {
    .footer-mobile-menu {
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:900px) {
    .scroll-icon {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .openbtn {
        padding: 0
    }

    #text-cycler {
        display: inline-block
    }
}

@media only screen and (max-width:575px) {
    .mobile-sub-menu ul {
        padding-left: 50px
    }

    .mobile-sub-menu ul li a {
        font-size: 16px;
        margin-bottom: 10px
    }

    #mobile-company-menu ul li a {
        font-size: 20px;
        margin-bottom: 13px
    }

    #mobile-company-menu {
        left: 10px
    }

    span#text-cycler:before {
        left: 0
    }

    footer {
        padding: 40px 20px 0
    }

    .top-bar p {
        justify-content: center
    }
}

.banner-section {
    background-size: cover;
    height: 100vh;
    position: relative;
    background: linear-gradient(180deg, #fffdfd 0, #f9f9f9 100%)
}

.banner-section div {
    height: 100%
}

.banner-section .rating-cont {
    display: flex;
    margin-top: 20px
}

.banner-section .rating-cont .bg-border {
    position: relative;
    z-index: 0;
    margin-right: 14px;
    width: 33.33%
}

.banner-section .rating-cont .bg-border::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/banner3.webp);
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1199px) {
    .banner-section .rating-cont .bg-border::before {
        background-size: contain
    }

    .mob-app-dev-services-we-offer p.section-content {
        font-size: 20px;
        line-height: 36px
    }
}

@media(max-width:991px) {
    .banner-section .rating-cont .bg-border::before {
        background-size: cover
    }
}

@media(max-width:767px) {
    span#text-cycler:before {
        bottom: 0
    }

    .banner-section .rating-cont .bg-border::before {
        background-size: contain
    }

    .banner-section .rating-cont .bg-border .inner svg {
        width: auto
    }
}

@media(max-width:575px) {
    .banner-section .rating-cont {
        display: block
    }

    .banner-section .rating-cont .bg-border {
        width: 80%;
        margin: 5% auto
    }

    .banner-section .rating-cont .bg-border::before {
        background-size: cover
    }
}

.banner-section .rating-cont .bg-border .inner {
    padding-top: 10px;
    text-align: center
}

.banner-section .rating-cont .bg-border .inner span {
    justify-content: center
}

.banner-section .rating-cont .bg-border .inner p {
    font-size: 14px;
    margin: 5px
}

.banner-section .v-center {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.banner-section h1 {
    font-family: gilroy;
    font-weight: 700;
    font-size: 130px;
    line-height: 137px;
    color: #222;
    margin-top: 1%
}

.banner-section h1 span {
    border-bottom: 8px solid #222;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
	Color:#ff0000
}

.banner-section h1 svg {
    margin-top: 3%
}

.banner-section h2 {
    font-family: gilroy;
    font-weight: 700;
    font-size: 32px;
    color: #222;
    margin-top: 50px;
    text-transform: uppercase;

}

.banner-section h2 span {
    margin-right: 0
}

@keyframes floating {
    from {
        transform: translate(0, 0)
    }

    65% {
        transform: translate(0, 15px)
    }

    to {
        transform: translate(0, 0)
    }
}

@media(max-width:1400px) {
    .banner-section h1 {
        font-size: 120px;
        line-height: 127px
    }
}

@media(max-width:767px) {
    .banner-section h1 {
        font-size: 44px;
        line-height: 50px;
        margin-top: 30%
    }

    .banner-section h2 {
        font-size: 20px
    }

    .banner-section svg {
        width: 40px
    }
}

.landing__text__hover:hover {
    color: #fff
}

@media(max-width:575px) {
    .tabs {
        display: flex;
        flex-wrap: wrap
    }

    .tabs label {
        order: 1;
        display: block;
        padding: 1rem 2rem;
        margin-right: .2rem;
        cursor: pointer;
        background: #f2f2f2;
        font-weight: 700;
        transition: background ease .2s
    }

    .tabs .tab {
        order: 99;
        flex-grow: 1;
        width: 100%;
        display: none;
        padding: 1rem;
        background: #fff
    }

    .tabs input[type=radio] {
        display: none
    }

    .tabs input[type=radio]:checked+label {
        background: #ff0000;
        color: #fff
    }

    .tabs input[type=radio]:checked+label+.tab {
        display: block
    }
}

@media(max-width:575px)and (max-width:45em) {

    .tabs .tab,
    .tabs label {
        order: initial
    }

    .tabs label {
        width: 100%;
        margin-right: 0;
        margin-top: .2rem;
        font-weight: 500
    }
}

.mob-app-dev-services-we-offer {
    padding-top: 5%
}

.mob-app-dev-services-we-offer h2 {
    color: #000;
    text-align: center;
    margin-bottom: 2%;
    font-weight: 400;
    font-size: 42px;
    line-height: 51px;
	font-weight:bold
}

@media(max-width:1099px) {
    .mob-app-dev-services-we-offer h2 {
        font-size: 42px;
        line-height: 50px
    }
}

.mob-app-dev-services-we-offer h2 span {
    color: #ff0000;
    font-weight: 600
}

.mob-app-dev-services-we-offer p.section-content {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 15px
}

@media(max-width:767px) {
    .mob-app-dev-services-we-offer h2 {
        font-size: 40px;
        line-height: 46px;
        margin-top: 20px
    }

    .mob-app-dev-services-we-offer p.section-content {
        font-size: 18px;
        line-height: 28px
    }
}

.mob-app-dev-services-we-offer p {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 13px;
    text-align: left
}

.box {
    background-image: repeating-linear-gradient(-12deg, #000, #000 7px, transparent 7px, transparent 17px, #000 17px), repeating-linear-gradient(78deg, #000, #000 7px, transparent 7px, transparent 17px, #000 17px), repeating-linear-gradient(168deg, #000, #000 7px, transparent 7px, transparent 17px, #000 17px), repeating-linear-gradient(258deg, #000, #000 7px, transparent 7px, transparent 17px, #000 17px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 10px
}

.mob-app-dev-services-we-offer .card {
    border-radius: 10px;
    margin: 4px 0 22px;
    padding: 7% 7% 0;
    min-height: 300px
}

.mob-app-dev-services-we-offer .card h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 0;
    min-height: 45px
}

@media(max-width:575px) {
    .mob-app-dev-services-we-offer .card h4 {
        min-height: auto;
        line-height: 22px
    }
}

.mob-app-dev-services-we-offer .card h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 0;
    min-height: 45px
}

.mob-app-dev-services-we-offer .card .dv-shw {
    display: none;
    margin-bottom: 10%
}

.mob-app-dev-services-we-offer .card .dv-non {
    display: block;
    height: 35px;
    margin-left: auto;
    margin-bottom: 10%
}

.mob-app-dev-services-we-offer .card:hover {
    background-color: #000;
    background-image: url(../images/banner2.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    box-shadow: 0 10px 15px rgb(16 89 218 / 21%);
    color: #fff;
    border-radius: 10px
}

.mob-app-dev-services-we-offer .card:hover>svg path {
    fill: #fff
}

.mob-app-dev-services-we-offer .card:hover>p {
    color: #fff
}

.mob-app-dev-services-we-offer .card:hover>.dv-non {
    display: none
}

.mob-app-dev-services-we-offer .card:hover>.dv-shw {
    display: block;
    margin-left: auto
}

@media(max-width:1199px) {
    .mob-app-dev-services-we-offer .card:hover {
        background-size: contain
    }
}

@media(max-width:992px) {
    .mob-app-dev-services-we-offer .card p {
        width: auto
    }

    .mob-app-dev-services-we-offer .card {
        min-height: 432px
    }
}

.card-header [aria-expanded]:after {
    content: "";
    font-family: "font awesome 6 free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    font-size: 20px;
    -moz-transition: .5s linear;
    -webkit-transition: .5s linear;
    transition: all .5s linear
}

.card-header [aria-expanded=true]:after {
    color: #fff !important
}

.card-header [aria-expanded=true] .number {
    background: #da1e3e
}

.card-header [aria-expanded=true] .number span {
    color: #fff
}

.card-header [aria-expanded=false]:after {
    color: #565656;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.andriod-cta {
    background: linear-gradient(90.05deg, #ff0000 .05%, #ff0000 99.96%);
    position: relative
}

@media(max-width:575px) {
    .mob-app-dev-services-we-offer .card h3 {
        min-height: auto;
        line-height: 18px
    }

    .mob-app-dev-services-we-offer .card .dv-non {
        margin-bottom: 0
    }

    .mob-app-dev-services-we-offer .card {
        min-height: auto;
        padding-top: 5%
    }

    .andriod-cta {
        padding: 6% 0
    }
}

.andriod-cta .andriod-cta__title {
    font-size: 50px;
    line-height: 71px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

@media(max-width:1199px) {
    .andriod-cta .andriod-cta__title {
        font-size: 50px;
        line-height: normal
    }
}

@media(max-width:767px) {
    .mob-app-dev-services-we-offer p {
        font-size: 22px;
        line-height: 28px;
        width: 95%
    }

    .mob-app-dev-services-we-offer h2 {
        font-size: 40px;
        line-height: 46px
    }

    .mob-app-dev-services-we-offer p {
        margin-top: 20px
    }

    .mob-app-dev-services-we-offer p {
        font-size: 16px;
        line-height: 22px;
        width: 100%
    }

    .andriod-cta .andriod-cta__title {
        font-size: 40px;
        line-height: 46px;
        margin-top: 20px
    }
}

.andriod-cta .andriod-cta__wrapper {
    position: relative;
  top: 50%;
  transform: translate(0, -50%);
  padding: 10px;
}

.andriod-cta__figure {
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    
}

.responsive-tabs {
    padding: 1rem 0
}

.responsive-tabs .nav-tabs {
    display: none
}

@media(min-width:992px) {
    .responsive-tabs .nav-tabs {
        display: flex
    }

    .responsive-tabs .card {
        border: none
    }

    .responsive-tabs .card .card-header {
        display: none
    }

    .responsive-tabs .card .collapse {
        display: block
    }
}

@media(max-width:991px) {
    .andriod-cta .andriod-cta__wrapper {
        max-width: 100%;
        text-align: center;
    }

    .andriod-cta__figure {
        display: none
    }

    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
        border: 0
    }

    .tech-stack {
        padding-top: 10%;
        padding-bottom: 4% !important
    }

    .tech-stack .card-header [aria-expanded=true] {
        color: #ff0000;
        border-left: 8px solid #ff0000;
        padding-left: 20px
    }

    .tech-stack .card-header [aria-expanded=true]:after {
        color: #000 !important
    }
}

.tech-stack {
    background: #f7f7f7
}

.tech-stack .section-title {
    font-size: 42px;
    line-height: 51px
}

@media(max-width:1099px) {
    .tech-stack .section-title {
        font-size: 42px;
        line-height: 50px
    }
}

@media(max-width:767px) {
    .tech-stack .section-title {
        font-size: 40px;
        line-height: 46px;
        margin-top: 20px
    }
}

@media(max-width:1399px) {
    .andriod-cta__figure {
        /* max-width: 40% */
    }

    .tech-stack .section-title {
        padding: 0 5px
    }
}

.tech-stack .nav-item {
    margin: 0 10px
}

.tech-stack .nav-item .nav-link {
    color: #565656;
    font-weight: 600;
    background: #f6f6f6;
    border: 5px solid #fff;
    border-radius: 57.5px;
    padding: 14px 59px;
    font-size: 18px
}

@media(max-width:1199px) {
    .tech-stack .nav-item .nav-link {
        padding: 14px 32px
    }
}

.tech-stack .nav-item .nav-link:hover {
    border-color: #fff;
    background: #ff0000;
    color: #fff
}

.tech-stack .nav-item .nav-link.active {
    background: #ff0000;
    color: #fff;
    border-color: #fff
}

.tech-stack .responsive-tabs {
    padding: 31px
}

@media(max-width:575px) {
    .tech-stack .responsive-tabs {
        padding: 0
    }
}

.tech-stack .responsive-tabs::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 91%;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    border-radius: 20px 20px 0 0
}

@media(max-width:992px) {
    .tech-stack .responsive-tabs::before {
        display: none
    }
}

@media(max-width:767px) {
    .tech-stack .responsive-tabs .card {
        margin-bottom: 20px;
        border-radius: 32px;
        background: 0 0;
        border: 0
    }

    .tech-stack .responsive-tabs .card-header a {
        text-decoration: none;
        color: #565656;
        display: block;
        background: #fff
    }
}

@media(max-width:991px) {
    .tech-stack .responsive-tabs .card-header {
        border: 0;
        padding: 0 15px;
        background: #fff
    }
}

@media(min-width:992px) {
    .tech-stack .responsive-tabs .nav-tabs {
        display: flex;
        top: -20px
    }

    .tech-stack .responsive-tabs .card {
        border: none
    }

    .tech-stack .responsive-tabs .card .card-header {
        display: none
    }

    .tech-stack .responsive-tabs .card .collapse {
        display: block
    }
}

.tech-stack .techstack-languages {
    height: 100%;
    background: #ff0000;
    padding: 40px 59px;
    border-radius: 20px 0 0 0
}

@media(max-width:1199px) {
    .tech-stack .techstack-languages {
        padding: 96px 25px
    }
}

@media(max-width:767px) {
    .tech-stack .techstack-languages {
        border-radius: 0;
        padding: 30px
    }
}

.tech-stack .techstack-languages__navlink {
    text-decoration: none;
    color: #fff;
    border: 1px dashed #fff;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    padding: 5px 7px;
    display: flex;
    font-size: 16px;
    height: 57px;
    align-items: center;
    transition: all .3s linear
}

@media(max-width:1399px) {
    .tech-stack .techstack-languages__navlink {
        padding: 1px 7px
    }
}

.tech-stack .techstack-languages__navlink.active-inner-techlink {
    background-color: #fff;
    color: #000
}

.tech-stack .techstack-languages__navlink svg {
    flex: 0 0 26px
}

.tech-stack .techstack-languages__navlink:hover {
    background-color: #fff;
    color: #000
}

.tech-stack .techstack-languages__navlink span {
    margin: auto
}

.tech-stack .techstack-languages__navlink path {
    transition: all .3s linear
}

.tech-stack .techstack-languages__textcontent {
    height: 100%;
    background: #f6f6f6;
    padding: 36px 115px 36px 62px;
    border-radius: 0 20px 0 0;
    display: none
}

@media(max-width:1199px) {
    .tech-stack .techstack-languages__textcontent {
        padding: 46px
    }
}

.tech-stack .techstack-languages__textcontent h3 {
    font-size: 42px;
    color: #ff0000;
    font-weight: 600;
    margin-bottom: 11px
}

@media(max-width:767px) {
    .tech-stack .techstack-languages__textcontent {
        border-radius: 0;
        padding: 30px
    }

    .tech-stack .techstack-languages__textcontent h3 {
        font-size: 40px;
        line-height: 46px;
        margin-top: 20px
    }
}

.tech-stack .techstack-languages__textcontent p {
    font-size: 16px;
    line-height: 32px
}

.tech-stack .techstack-languages .row>.col-lg-6 {
    margin-bottom: 19px;
    padding: 0 5px
}

.banner-section-flutter {
    background: url("../images/flutter-banner-bg.webp") center/cover no-repeat #ff0000;
    height: auto;
    padding-bottom: 1%;
    z-index: 11111;
    
}

.banner-section-flutter h1 {
    margin-top: 80px;
    font-size: 52px;
    line-height: 64px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fcfcfc
}

.banner-section-flutter h1 span {
    display: block;
    border: none
}

.banner-section-flutter h2 {
    margin-bottom: 30px;
    margin-top: 10px
}

.banner-section-flutter p {
    color: #fff;
    max-width: 550px;
    font-size: 20px
}

.game-app-dev-banner {
    background-image: url(../images/game-dev-banner-bg.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 0
}

@media(max-width:1366px)and (max-width:991px) {
    .game-app-dev-banner {
        margin-bottom: 0
    }

}

.game-app-dev-banner h1 {
    margin-top: 26%;
    font-size: 52px;
    line-height: 64px;
    margin-bottom: 6%;
    font-weight: 700;
    color: #000
}

.game-app-dev-banner h1 span {
    display: block;
    border: none
}

.game-app-dev-banner p {
    color: #000;
    max-width: 550px;
    font-size: 20px
}

.game-app-dev-banner .game-app {
    /*position: absolute;*/
    top: 0;
    z-index: 1
}

@media(max-width:1600px) {
    .game-app-dev-banner .game-app {
        right: 0
    }
}

@media(max-width:1399px) {
    .game-app-dev-banner h1 {
        margin-top: 34%;
        margin-bottom: 7%
    }
		.Shifaam-at-greek-root .txt_sec_area {
	/* min-height:820px !important */
    
}

    .game-app-dev-banner .game-app {
        top: 95px;
        right: -30px
    }

    .game-app-dev-banner .game-app img {
        max-width: 85%
    }
}

@media(max-width:767px) {
    .tech-stack .techstack-languages__textcontent p {
        font-size: 18px;
        line-height: 28px
    }

    .banner-section h1 {
        font-size: 40px;
        line-height: 44px
    }
}

@media(max-width:991px) {
    .game-app-dev-banner .game-app {
        display: none
    }

    .card {
        margin-bottom: 20px
    }

    h5,
    h5 a {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 26px;
        color: #000;
        text-decoration: none;
        padding: 0;
        display: block
    }

    h5 a a:hover,
    h5 a:hover {
        color: #000
    }
}

@media(max-width:991px)and (max-width:991px) {

    h5,
    h5 a {
        padding: 0
    }
}

@media(max-width:991px)and (max-width:767px) {

    h5,
    h5 a {
        font-size: 16px
    }
}

.ppc-header .top-bar {
    background: 0 0;
    background: linear-gradient(270.31deg, #ffe3e3 .15%, #ffffff 99.75%)
}

.ppc-header .top-bar p {
    margin-left: auto
}

.ppc-header .header.nav-down {
    padding: 0;
    background-color: transparent
}

.what-people-say-about-crown-soft .text-cont p {
    margin: 35px 35px;
    text-align: center
}

.what-people-say-about-crown-soft .card {
    padding: 30px;
    background: #fafafa;
    border-radius: 14px;
    border: 0;
    margin-bottom: 25px
}

.what-people-say-about-crown-soft .card a {
    font-size: 18px;
    line-height: 21px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 30px
}

.what-people-say-about-crown-soft .card a:hover {
    color: #000
}

.what-people-say-about-crown-soft .card h5 {
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 20px;
    line-height: 25px
}

.what-people-say-about-crown-soft .card p {
    margin: 0;
    color: #565656
}

.what-people-say-about-crown-soft .card span.date {
    font-size: 12px;
    line-height: 14px;
    color: #555;
    margin-top: 30px
}

.what-people-say-about-crown-soft ul {
    /*display: flex;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*list-style: none;*/
    /*flex-wrap: wrap;*/
    /*flex-direction: row;*/
    /*height: 100vw;*/
    /*max-height: 960px*/
}

@media(max-width:1199px) {
    .what-people-say-about-crown-soft ul {
        /*max-height: 1199px*/
    }
}

.what-people-say-about-crown-soft ul li {
    /*padding: 30px;*/
    /*background: #fafafa;*/
    /*border-radius: 14px;*/
    /*border: 0;*/
    /*margin-bottom: 25px;*/
    /*max-width: 31.5%;*/
    /*margin-right: 2%*/
}

@media(max-width:991px) {

    h5 a svg,
    h5 svg {
        margin-right: 15px
    }

    .what-people-say-about-crown-soft ul {
        /*max-height: none;*/
        /*height: auto;*/
        /*flex-direction: unset*/
    }

    .what-people-say-about-crown-soft ul li {
        /*max-width: 48%;*/
        /*margin-right: 2%*/
    }
}

.what-people-say-about-crown-soft ul li:nth-child(3n) {
    /*margin-right: 0*/
}

.what-people-say-about-crown-soft ul li a {
    /*font-size: 18px;*/
    /*line-height: 21px;*/
    /*color: #000;*/
    /*font-weight: 500;*/
    /*text-decoration: none;*/
    /*margin-bottom: 30px;*/
    /*margin-top: 10px*/
}

.what-people-say-about-crown-soft ul li a:hover {
    /*color: #000*/
}

.what-people-say-about-crown-soft ul li .svg-cont {
    /*margin-left: auto;*/
    /*margin-top: 6px*/
}

.what-people-say-about-crown-soft ul li h5 {
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 20px;
    line-height: 25px
}

.what-people-say-about-crown-soft ul li p {
    margin: 10px 0 0;
    color: #565656
}

.what-people-say-about-crown-soft ul li span.date {
    font-size: 12px;
    line-height: 14px;
    color: #555;
    margin-top: 30px;
    display: block
}

.what-people-say-about-crown-soft ul li .img-cont {
    max-width: 50px;
    margin-right: 10px
}

.what-people-say-about-crown-soft ul li .img-cont img {
    border-radius: 100px
}

@media(max-width:575px) {
    h5 a svg {
        margin-right: 5px;
        width: 20px;
        height: 20px
    }

    .ppc-header .top-bar .d-flex {
        display: block !important
    }

    .ppc-header .top-bar .d-flex img {
        margin-bottom: 15px
    }

    .ppc-header .top-bar p img {
        margin-bottom: 3px !important
    }

    .what-people-say-about-crown-soft ul li {
        /*max-width: 100%;*/
        /*margin-left: 2%*/
    }

    .what-people-say-about-crown-soft ul li .img-cont img {
        width: 80%
    }
}

.ppc-modal {
    background: rgba(0, 0, 0, .8)
}

.ppc-modal .modal-dialog {
    margin-top: 5%;
    max-width: 915px
}

.ppc-modal .modal-dialog .modal-content {
    border-radius: 22px
}

.ppc-modal .modal-dialog .modal-content .text-cont h2 {
    font-size: 42px;
    line-height: 110%;
    color: #222;
    font-weight: 700;
    margin-top: 30px;
    margin-left: 35px;
    margin-bottom: 20px
}

@media(max-width:991px) {
    .ppc-modal .modal-dialog {
        max-width: 750px
    }

    .ppc-modal .modal-dialog .modal-content .text-cont h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 15px
    }
}

.ppc-modal .modal-dialog .modal-content .text-cont h2 span {
    color: #ff0000
}

.ppc-modal .modal-dialog .modal-content .img-cont {
        background: url(../images/flutter-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0 22px 0 22px;
    min-height: 370px;
    position: relative
}

.ppc-modal .modal-dialog .modal-content .img-cont img {
    position: absolute;
    right: 7%;
    min-height: 410px;
    width: 100%;
    object-fit: cover;
    bottom: -50px;
    height: auto;
	
}

.ppc-modal .modal-dialog .modal-content .inner-content {
    padding: 35px 35px 0 25px
}

@media(max-width:991px) {
    .ppc-modal .modal-dialog .modal-content .img-cont img {
        right: 5%;
        min-height: 370px;
        bottom: 0
    }

    .ppc-modal .modal-dialog .modal-content .inner-content {
        margin-left: 0;
        padding: 25px 15px 0 0
    }
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-top button {
    position: absolute;
    right: -25px;
    top: -20px
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body p {
    font-size: 18px;
    line-height: 23px;
    color: #555
}

@media(max-width:991px) {
    .ppc-modal .modal-dialog .modal-content .inner-content .inner-body p {
        font-size: 14px
    }
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body label {
    line-height: 30px;
    color: #000000;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body label i {
    margin-right: 10px;
	color:#ff0000
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body input {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 5px
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body input::placeholder {
    font-size: 14px;
    line-height: 30px;
    color: #555
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body input:focus {
    outline: 0;
    box-shadow: none
}

.ppc-modal .modal-dialog .modal-content .inner-content .inner-body form button {
    background: linear-gradient(180deg, #02c2f1 0, #ff0000 100%);
    border: 5px solid #ff0000;
    border-radius: 16px;
    font-weight: 600;
    letter-spacing: .2em;
    margin-top: 10px;
    margin-bottom: 25px;
    padding: 6px 27px
}

.mobile-ppc-footer .footer-bottom .title {
    color: #ff0000;
    font-weight: 600;
    margin-bottom: 35px
}

.lets-level-up {
    background: linear-gradient(180deg, #fafafa 50%, #fff 50%);
    padding: 40px 0
}

.lets-level-up .inner-level-up {
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .09);
    border-radius: 20px
}

.lets-level-up .inner-level-up img {
    border-radius: 20px;
    margin-top: -60px
}

.lets-level-up .inner-level-up .text-cont {
    padding: 20px 0;
    margin-right: 18px
}

.lets-level-up .inner-level-up .text-cont h2 {
    font-weight: 400;
    color: #565656;
    margin-top: 4%;
    font-size: 42px;
    line-height: 51px
}

@media(max-width:1099px) {
    .lets-level-up .inner-level-up .text-cont h2 {
        font-size: 42px;
        line-height: 50px
    }
}

@media(max-width:767px) {
    .ppc-modal .modal-dialog .modal-content .text-cont h2 {
        margin-bottom: 0;
        margin-top: 10px;
        margin-left: 20px;
        line-height: 38px
    }
    
    .ppc-header .top-bar .d-flex{
        text-align:center;
    }

    .ppc-modal .modal-dialog .modal-content .img-cont {
        display: none
    }

    .ppc-modal .modal-dialog .modal-content .inner-content {
        margin-left: 0;
        padding: 15px
    }

    .ppc-modal .modal-dialog .modal-content .inner-content .inner-body form button {
        margin-bottom: 15px
    }

    .mobile-ppc-footer .footer-bottom .title {
        margin-bottom: 0
    }

    .lets-level-up .inner-level-up .text-cont h2 {
        font-size: 40px;
        line-height: 46px;
        margin-top: 20px
    }
}

.lets-level-up .inner-level-up .text-cont h2 span {
    display: block
}

.lets-level-up .inner-level-up .text-cont textarea {
    height: 149px
}

.lets-level-up .inner-level-up .text-cont input,
.lets-level-up .inner-level-up .text-cont textarea {
    background: #fafafa;
    font-size: 16px;
    color: #000;
    margin: 20px 0;
    border: 0;
    padding: 20px;
    border-radius: 10px
}

.lets-level-up .inner-level-up .text-cont input::placeholder {
    color: #000;
    font-weight: 500
}

.lets-level-up .inner-level-up .text-cont .submit-btn {
    font-size: 18px;
    color: #fff;
    background: linear-gradient(180deg, #ff0000 0, #ff0000 100%);
    border-radius: 5px;
    padding: 11px 64px;
    float: left
}

@media(max-width:1400px) {
    .lets-level-up .inner-level-up .text-cont textarea {
        height: 110px
    }
}

@media only screen and (max-width:1199px) {
    .lets-level-up .inner-level-up .text-cont {
        margin: 0
    }

    .lets-level-up .inner-level-up .text-cont h2 {
        font-size: 40px
    }

    .lets-level-up .inner-level-up .text-cont input,
    .lets-level-up .inner-level-up .text-cont textarea {
        margin: 10px 0;
        padding: 10px 16px
    }
}

@media only screen and (max-width:991px) {
    .lets-level-up .inner-level-up img {
        margin-top: 0
    }

    .lets-level-up .inner-level-up .submit-btn {
        margin-bottom: 20px
    }

    .lets-level-up .inner-level-up .text-cont textarea {
        height: 120px
    }

    .lets-level-up .inner-level-up .text-cont input,
    .lets-level-up .inner-level-up .text-cont textarea {
        margin: 8px 0;
        padding: 10px 16px
    }
}

.services {
    padding: 60px 0;
    background: #f5f5f5
}

.services h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #fff
}

.services .section-content {
    padding: 1% 0
}

.services .card-body p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.services .card-body h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-top: 10px
}

.services .card-body {
    padding: 25px
}

.services .btn:focus {
    box-shadow: none
}

.services .card {
    background: #fff;
    border-radius: 20px;
    border: none;
    margin-bottom: 30px
}

.services .card-body:hover {
    background: linear-gradient(180deg, #ff0000 0, #ff0000 100%);
    box-shadow: 0 10px 15px rgba(245, 18, 18, .3);
    border-radius: 20px;
    color: #fff
}

.services .card-body:hover h3,
.services .card-body:hover p {
    color: #fff
}

.services img {
    float: right;
    margin-left: 15px
}

.services .card-body:hover img {
    filter: brightness(100.5)
}

.services .card-body:hover svg {
    filter: brightness(100.5)
}

.services .card-body a {
    float: right;
    padding: 0
}

@media(min-width:992px)and (max-width:1199px) {
    .services .card-body h3 {
        font-size: 19px
    }
}

@media(min-width:768px)and (max-width:991px) {
    .services .card-body h3 {
        font-size: 23px
    }
}

@media(max-width:767px) {
    .services {
        padding: 50px 0
    }

    .services p.section-content {
        font-size: 18px;
        line-height: 28px
    }

    .services .card-body {
        padding: 30px;
        text-align: center
    }

    .services .card-body p {
        font-size: 20px;
        line-height: 30px;
        text-align: center
    }

    .services .card-body h3 {
        font-size: 20px;
        line-height: 20px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .lets-level-up img {
        width: 100%
    }

    .lets-level-up .inner-level-up .text-cont h2 {
        font-size: 40px;
        line-height: 48px
    }

    .owl-dot {
        display: none
    }

    .header-wrapper.ppc-header .nav-up {
        transform: none !important
    }

    section.animated-row.section.banner-section.banner-section-flutter.game-app-dev-banner.prototype-app-banner {
        margin-top: 50px
    }
}

.prototype-app-banner {
    background: linear-gradient(270.31deg, #ffe3e3 .15%, #ffffff 99.75%);
    mix-blend-mode: normal;
    padding-bottom: 5%
}

.prototype-app-banner h1 {
    margin-bottom: 35px;
    margin-top: 16%
}

.prototype-app-banner ul.banner-points {
    padding-left: 23px;
    list-style: none
}

.prototype-app-banner ul.banner-points li {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-bottom: 10px
}

.prototype-app-banner ul.banner-points li:before {
    content: url(../images/chevon.svg);
    font-weight: 900;
    display: inline-block;
    width: 0.8em;
    margin-left: -1em;
    margin-right: 12px
}

.prototype-app-banner .talk-btns {
    margin-top: 30px;
    z-index: 10
}

.prototype-app-banner .talk-btns .btn {
    position: static
}

.prototype-app-banner .talk-btns .btn-light {
    background: linear-gradient(180deg, #0030ff 0, #00a8ff 100%);
    border: 1px solid #005997;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    margin-right: 20px;
    padding: 14px 40px
}

.prototype-app-banner .talk-btns .btn-light:focus {
    box-shadow: none
}

.prototype-app-banner .talk-btns .btn-light:hover {
    background: 0 0;
    color: #000;
    transition: .5s
}

.prototype-app-banner .talk-btns .btn-dark {
    border: 1px solid #000;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    background: 0 0;
    padding: 14px 63px
}

@media(max-width:575px) {
    .prototype-app-banner ul.banner-points {
        padding: 0
    }

    .prototype-app-banner ul.banner-points li {
        display: flex;
        font-size: 18px
    }

    .prototype-app-banner ul.banner-points li:before {
        margin-left: 5px;
        display: block
    }

    .prototype-app-banner .talk-btns {
        text-align: center
    }

    .prototype-app-banner .talk-btns .btn-light {
        margin-top: 20px;
        margin-right: 0
    }

    .prototype-app-banner .talk-btns .btn-dark {
        margin-top: 20px
    }
}

.prototype-app-banner .talk-btns .btn-dark:focus {
    box-shadow: none
}

.prototype-app-banner .talk-btns .btn-dark:hover {
    background: linear-gradient(180deg, #dfdfdf 0, #fff 100%);
    color: #ff0000;
    transition: .5s
}

.prototype-app-banner .rating-cont {
    margin-top: 40px;
    padding: 10px 10px 0 0;
    z-index: 10
}

.prototype-app-banner .rating-cont .stars {
    color: #000
}

.prototype-app-banner .rating-cont .bg-border:before {
    background-image: url(../images/banner3.webp)
}



@media(max-width:1699px) {
    .prototype-app-banner .prototype-img-cont {
        right: 50px
    }
}

@media(max-width:1599px) {
    .prototype-app-banner .prototype-img-cont {
        right: 10px
    }
}

@media(max-width:1499px) {
    .prototype-app-banner .prototype-img-cont {
        margin-top: 0;
        padding: 0
    }

    .prototype-app-banner .game-app img {
        max-width: 97%
    }
}

@media(max-width:1399px) {
    .prototype-app-banner .prototype-img-cont {
        margin-top: 0;
        right: 0x
    }
}

@media(max-width:1399px) {
    .prototype-app-banner .game-app img {
        max-width: 100%
    }
}

@media(max-width:1299px) {
    .prototype-app-banner .prototype-img-cont {
        margin-top: 17%;
        right: -200px
    }

    .prototype-app-banner .game-app img {
        /*max-width: 82%*/
    }
}

@media(max-width:1199px) {
    .prototype-app-banner .prototype-img-cont {
        margin-top: 20%;
        right: -300px
    }

    .prototype-app-banner .game-app img {
        /*max-width: 67%*/
    }
}

.prototype-dev-service {
    padding-bottom: 0
}

.prototype-dev-service .text-cont {
    text-align: center;
    margin-bottom: 3%
}

.prototype-dev-service .text-cont .section-title {
    /* margin-bottom: 40px */
}

.prototype-dev-service .text-cont p.section-content {
    /* margin-bottom: 30px; */
    text-align: center
}

.prototype-cta {
    /*background: linear-gradient(270.31deg, #b20707 .15%, #e10019 99.75%);*/
	background:url(../images/flutter-banner-bg.webp);
	background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;

	
	
}

.prototype-cta .chat-us .btn-secondary {
    /*background: linear-gradient(0deg, #1059da 19.57%, #1059da 89.86%);*/
	background:none;
    border: 2px solid #fff;
    border-radius: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 45px;
    border-radius: 100px;
}

.prototype-technologies {
    background: #fff;
    padding-top: 2%
}

.prototype-technologies .responsive-tabs:before {
    background: #f6f6f6
}

.prototype-technologies .card {
    background: 0 0
}

.prototype-technologies .card .card-body {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 50px 20px 0
}

.prototype-technologies .card .card-body .box {
    background: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .09);
    border-radius: 10px;
    text-align: center;
    padding: 20px 0;
    margin: 0 10px 60px
}

.prototype-technologies .card .card-body .box .img-cont {
    min-height: 88px
}

.prototype-technologies .card .card-body .box:hover {
    background: #ff0000;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .09);
    border-radius: 10px;
    color: #fff;
    transition: .5s
}

.prototype-technologies .responsive-tabs {
    padding-top: 40px
}

.prototype-technologies .responsive-tabs .nav-tabs .nav-item {
    margin: 0 15px
}

.prototype-technologies .responsive-tabs .nav-tabs .nav-item .nav-link {
    padding: 14px 81px
}

.prototype-technologies .responsive-tabs .card .card-header a {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px
}

.prototype-technologies .responsive-tabs .card .card-header [aria-expanded=true]:after {
    right: 40px
}

.prototype-technologies .responsive-tabs .card .card-header [aria-expanded=false]:after {
    right: 40px
}

.prototype-ser-we-offer .section-content {
    text-align: center
}

.prototype-ser-we-offer .card {
    background-color: transparent
}

.prototype-ser-we-offer .btn-secondary {
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(0deg, #ff0000 19.57%, #ff0000 89.86%);
    border: 5px solid #ff0000;
    border-radius: 16px;
    padding: 14px 35px
}

.prototype-ser-we-offer .btn-secondary:focus {
    box-shadow: none
}

.prototype-ser-we-offer .btn-secondary:hover {
    background: 0 0;
    border: 5px solid #ff0000;
    color: #555;
    transition: .5s
}

.Shifaam-at-greek-root {
    padding: 0
}

.Shifaam-at-greek-root .bg-img-sec {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    align-items: center
}

@media screen and (max-width:1399px) {
    .Shifaam-at-greek-root .bg-img-sec {
        padding: 0px
    }
}

.Shifaam-at-greek-root .bg-img-sec img {
    display: block;
    margin: auto
}

@media screen and (max-width:1199px) {
    .Shifaam-at-greek-root .bg-img-sec img {
        max-width: 100%
    }

}

.Shifaam-at-greek-root .txt_sec_area {
    background: #f7f7f7;
    padding: 70px;
    padding-bottom: 90px;
	  /* min-height:720px */
    
}

@media screen and (min-width:992px)and (max-width:1399px) {
    .Shifaam-at-greek-root .txt_sec_area {
        padding: 46px 50px
    }
}

@media screen and (max-width:767px) {
    .Shifaam-at-greek-root .txt_sec_area {
        padding: 46px 50px
    }
}

.Shifaam-at-greek-root .txt_sec_area h2 {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
	 margin-right: 15%
}

.Shifaam-at-greek-root .txt_sec_area .para_sec {
    margin-top: 20px;
    margin-right: 15%
}

@media(max-width:991px) {
    .ppc-modal .modal-dialog .modal-content .inner-content .inner-body label {
        font-size: 15px
    }

    .Shifaam-at-greek-root .txt_sec_area .para_sec {
        margin-right: 0
    }
}

.Shifaam-at-greek-root .txt_sec_area .para_sec p {
    font-size: 18px;
    line-height: 25px;
    color: #555;
    font-weight: 400
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec {
    margin-right: 15%
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul {
    display: flex;
    list-style: none;
	margin-top: 40px;
}

/*.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child {
    justify-content: space-evenly;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J25vbmUnIHJ4PScxMCcgcnk9JzEwJyBzdHJva2U9JyNDMEMwQzBGRicgc3Ryb2tlLXdpZHRoPSc0JyBzdHJva2UtZGFzaGFycmF5PSc2LCAxNCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzEwJyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8+PC9zdmc+);
    border-radius: 10px;
    text-align: center;
    padding: 0 40px;
    margin-top: 40px
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li {
    margin: 15px 0 0
}

@media screen and (max-width:420px) {
    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child {
        padding: 0 13px
    }

    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li {
        top: 4px
    }
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li:nth-child(1) {
    margin-right: 15%;
    margin-top: 10px
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li:nth-child(1) span {
    font-size: 18px;
    line-height: 21px;
    color: #ff0000;
    position: relative;
    top: 30px;
    font-weight: 500
}*/

@media screen and (min-width:992px)and (max-width:1199px) {
    .Shifaam-at-greek-root .txt_sec_area .para_sec {
        margin-top: 10px
    }

    .Shifaam-at-greek-root .txt_sec_area .para_sec p {
        font-size: 16px;
        line-height: 20px
    }

    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child {
        margin-top: 20px
    }

    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li:nth-child(1) span {
        top: 10px
    }
}

@media screen and (max-width:520px) {
    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li:nth-child(1) span {
        font-size: 14px;
        top: 10px;
        margin-right: 8%
    }

    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:first-child li:nth-child(1) span {
        font-size: 14px;
        top: 5px;
        margin-right: 8%
    }
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:nth-child(2) {
    margin-top: 40px
}

@media screen and (min-width:992px)and (max-width:1199px) {
    .Shifaam-at-greek-root .txt_sec_area .logo_sec ul:nth-child(2) {
        margin-top: 20px
    }
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec ul:nth-child(2) a {
    margin-right: 20px
}

.Shifaam-at-greek-root .txt_sec_area .logo_sec .lst-img {
    margin-left: auto !important
}

.Shifaam-at-greek-root .owl-nav {
    position: absolute;
    top: 0px;
    right: 120px
}

@media(max-width:1399px) {
    .Shifaam-at-greek-root .owl-nav {
        top: -10px
    }
}

@media(max-width:1199px) {
    .Shifaam-at-greek-root .owl-nav {
        top: -5px
    }
}

.Shifaam-at-greek-root .owl-nav i {
    margin-top: 5px;
    font-size: 20px;
    color: #ff0000
}

.Shifaam-at-greek-root .owl-nav button.owl-prev {
    background: #fff;
    border: 1px solid #fcfcfc;
    box-shadow: 0 7px 6px rgba(0, 0, 0, .08);
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.Shifaam-at-greek-root .owl-nav button.owl-prev:hover {
    background: #ff0000;
    box-shadow: 0 7px 6px rgba(15, 92, 218, .3);
    border: 0
}

.Shifaam-at-greek-root .owl-nav button.owl-prev:hover i {
    color: #fff
}

.Shifaam-at-greek-root .owl-nav button.owl-next {
    background: #fff;
    border: 1px solid #fcfcfc;
    box-shadow: 0 7px 6px rgba(0, 0, 0, .08);
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.Shifaam-at-greek-root .owl-nav button.owl-next:hover {
    background: #ff0000;
    box-shadow: 0 7px 6px rgb(15 92 218 / 30%);
    border: 0
}

.Shifaam-at-greek-root .owl-nav button.owl-next:hover i {
    color: #fff
}

.Shifaam-at-greek-root .shifaam-img {
    background:#275725
}

.Shifaam-at-greek-root .shifaam-text h2 {
    color: #275725
}

.Shifaam-at-greek-root .helpp-img {
    background: #19535f
}

.Shifaam-at-greek-root .helpp-text h2 {
    color: #19535f
}

.Shifaam-at-greek-root .clickncollect-img {
    background: #8a0f48
}

.Shifaam-at-greek-root .clickncollect-text h2 {
    color: #8a0f48
}

.Shifaam-at-greek-root .clickncollects-img {
    background: #e4edee
}

.Shifaam-at-greek-root .clickncollects-text h2 {
    color: #30333f
}

.prototype-devlopment-process {
    background-color: #fff;
    background-image: url(../images/banner1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-top: 7%;
    padding: 10% 0 3%
}

@media(max-width:1499px) {
    .prototype-devlopment-process {
        margin-top: 10%
    }
}

@media(max-width:991px) {
    .Shifaam-at-greek-root .txt_sec_area .logo_sec {
        margin-right: 0
    }

    .Shifaam-at-greek-root .owl-nav {
        top: -35px;
        left: 0;
        right: 0
    }

    .prototype-devlopment-process {
        padding-top: 18%
    }
}

.prototype-devlopment-process .top-sec {
    /*background: linear-gradient(270.31deg, #b20707 .15%, #e10019 99.75%);*/
	background:url(../images/flutter-banner-bg.webp);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    padding: 35px;
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1292px;
    width: 100%
}

@media(max-width:1399px) {
    .prototype-devlopment-process .top-sec {
        max-width: 1140px
    }
}

.prototype-devlopment-process .top-sec .text-cont {
    margin: 10px 0
}

@media(max-width:767px) {
    .prototype-devlopment-process {
        padding-bottom: 0;
        padding-top: 30%
    }

    .prototype-devlopment-process .top-sec {
        text-align: center
    }

    .prototype-devlopment-process .top-sec .text-cont {
        margin-bottom: 10px
    }
}

.prototype-devlopment-process .top-sec .text-cont p {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin: 0
}

.prototype-devlopment-process .top-sec .btn-cont {
    margin: 10px 0;
    text-align: right
}

.prototype-devlopment-process .top-sec .btn-cont .btn-dark {
    background: linear-gradient(0deg, #ddd 19.57%, #fff 89.86%);
    border: 1px solid #ddd;
    border-radius: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #000;
    padding: 14px 23px;
    border-radius: 100px;
}

@media(max-width:991px) {
    .prototype-devlopment-process .top-sec .btn-cont .btn-dark {
        font-size: 15px;
        padding: 14px 10px
    }

    .prototype-devlopment-process .responsive-tabs .card .card-body {
        margin-top: 10px
    }
}

.prototype-devlopment-process .top-sec .btn-cont .btn-dark:focus {
    box-shadow: none
}

.prototype-devlopment-process .top-sec .img-cont {
    position: static;
    margin: 10px 0
}

.prototype-devlopment-process .head-cont {
    margin-bottom: 20px
}

.prototype-devlopment-process .head-cont h2 {
    color: #fff
}

@media(max-width:767px) {
    .prototype-devlopment-process .top-sec .btn-cont {
        text-align: center
    }

    .prototype-devlopment-process .top-sec .img-cont {
        margin-bottom: 10px
    }

    .prototype-devlopment-process .head-cont h2 {
        text-align: center
    }
}

@media(max-width:575px) {
    .prototype-devlopment-process {
        margin-top: 0;
        padding-top: 10px
    }

    .prototype-devlopment-process .top-sec {
        position: static
    }

    .prototype-devlopment-process .top-sec .btn-cont .btn-dark {
        padding: 15px
    }

    .prototype-devlopment-process .head-cont h2 {
        margin-top: 10%
    }

    .card-header a {
        font-size: 17px;
        padding: 10px
    }
}

.prototype-devlopment-process .head-cont h2 span {
    color: #fff;
    display: block;
	text-align:center
}

.prototype-devlopment-process .responsive-tabs .nav-tabs {
    margin-top: 30px;
    border: 0;
    position: relative;
    justify-content: center
}

.prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item {
    width: 12%;
    z-index: 1;
    border: 0
}

.prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item .nav-link {
    border: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff
}

.prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item .nav-link span {
    display: block;
    margin-top: 10px
}

@media(max-width:1199px) {
    .prototype-devlopment-process .top-sec {
        max-width: 1040px
    }

    .prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item .nav-link {
        font-size: 12px
    }
}

.prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item .nav-link .dot {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #190406;
    border: 5px solid #fff;
    margin: auto
}

.prototype-devlopment-process .responsive-tabs .nav-tabs .nav-item .nav-link:hover {
    border: 0
}

.prototype-devlopment-process .responsive-tabs .nav-tabs:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 20px;
    border-radius: 10px
}

.prototype-devlopment-process .responsive-tabs .card {
    background: 0 0
}

.prototype-devlopment-process .responsive-tabs .card .card-body {
    padding: 0
}

.prototype-devlopment-process .responsive-tabs .card .card-body .text-content {
    background: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    backdrop-filter: blur(7px);
    border-radius: 10px;
    padding: 30px 30px 20px
}

.prototype-devlopment-process .responsive-tabs .card .card-body .text-content h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px
}

.prototype-devlopment-process .responsive-tabs .card .card-body .text-content h3 span {
    margin-right: 10px
}

.prototype-devlopment-process .responsive-tabs .card .card-body .text-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 30px
}

.prototype-devlopment-process .responsive-tabs .card .card-header {
    background: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    backdrop-filter: blur(7px);
    border-radius: 10px;
    padding: 0
}

.prototype-devlopment-process .responsive-tabs .card .card-header h5 a {
    display: flex;
    padding: 20px;
    color: #fff
}

.prototype-devlopment-process .responsive-tabs .card .card-header h5 a .dot {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #000;
    border: 5px solid #fff;
    margin-right: 15px
}

.prototype-devlopment-process .responsive-tabs .card .card-header [aria-expanded=true] {
    background: linear-gradient(270.31deg, #ff0000 .15%, #000 99.75%);
    border-radius: 10px;
    color: #fff
}

.prototype-devlopment-process .responsive-tabs .card .card-header [aria-expanded=true] .dot {
    /* background: #ff0000 */
}

.prototype-devlopment-process .responsive-tabs .card .card-header [aria-expanded=false]:after {
    color: #fff
}

.prototype-devlopment-process .responsive-tabs .nav-tabs {
    display: none
}

@media(min-width:992px) {
    .prototype-devlopment-process .responsive-tabs .nav-tabs {
        display: flex;
        /*max-width: 64.66666667%;*/
        width: 100%
    }

    .prototype-devlopment-process .responsive-tabs .card {
        border: none
    }
}

@media(min-width:992px)and (max-width:1399px) {
    .prototype-devlopment-process .responsive-tabs .nav-tabs {
        /*max-width: 627px*/
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .prototype-devlopment-process .responsive-tabs .nav-tabs {
        /*max-width: 527px*/
    }
}

@media(min-width:992px) {
    .prototype-devlopment-process .responsive-tabs .card .card-header {
        display: none
    }

    .prototype-devlopment-process .responsive-tabs .card .collapse {
        display: block
    }
}

.prototype-devlopment-process .nav-tabs .nav-link.active {
    background: 0 0;
    border: 0
}

.prototype-devlopment-process .nav-tabs .nav-link.active .dot {
    background: #ff0000 !important
}

.prototype-devlopment-process .nav-tabs .nav-link.active span {
    color: #fff;
	font-weight:bold
}

.prototype-devlopment-process .img-cont {
    position: absolute;
    bottom: -187px
}

@media(max-width:991px) {
    .prototype-devlopment-process .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1
    }

    .prototype-devlopment-process .img-cont {
        position: static;
        text-align: center
    }
}

.development-company {
    background-color: #000;
    padding-top: 80px;
    padding-bottom: 30px;
    text-align: center
}

.development-company .dev_logo_sec {
    margin-top: 70px;
    border-bottom: 1px solid #222;
    padding-bottom: 60px
}

.development-company .section-title {
    color: #fff;
    font-size: 52px;
    line-height: 61px
}

@media screen and (min-width:767px)and (max-width:992px) {
    .development-company .section-title {
        font-size: 42px
    }
}

@media screen and (max-width:767px) {
    .development-company .dev_logo_sec {
        margin-top: 30px
    }

    .development-company .section-title {
        font-size: 42px;
        line-height: 41px
    }

    .development-company .logo_img {
        margin-top: 20px
    }
}

@media screen and (max-width:492px) {
    .development-company .section-title {
        font-size: 32px;
        line-height: 41px
    }
}

.development-company .section-title span {
    color: #ff0000
}

.heateor_sss_sharing_container img {
    cursor: pointer;
    margin: 2px;
    border: none
}

#heateor_sss_sharing_more_providers {
    position: fixed;
    top: 50%;
    left: 47%;
    background: #fafafa;
    width: 650px;
    margin: -180px 0 0 -300px;
    z-index: 10000000;
    text-shadow: none !important;
    height: 308px
}

#heateor_sss_mastodon_popup_bg,
#heateor_sss_popup_bg {
    background: url(../images/transparent_bg.png);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

#heateor_sss_sharing_more_providers .title {
    font-size: 14px !important;
    height: auto !important;
    background: #58b8f8 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    color: #fff;
    font-weight: 700;
    letter-spacing: inherit;
    line-height: 34px !important;
    padding: 0 !important;
    text-align: center;
    text-transform: none;
    margin: 0 !important;
    text-shadow: none !important;
    width: 100%
}

#heateor_sss_sharing_more_providers * {
    font-family: Arial, Helvetica, sans-serif
}

#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content {
    background: #fafafa;
    border-radius: 4px;
    color: #555;
    height: auto;
    width: 100%
}

#heateor_sss_sharing_more_providers .filter {
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    width: 100%
}

#heateor_sss_sharing_more_providers .all-services {
    clear: both;
    height: 250px;
    overflow: auto
}

#heateor_sss_sharing_more_content .all-services ul {
    margin: 10px !important;
    overflow: hidden;
    list-style: none;
    padding-left: 0 !important;
    position: static !important;
    width: auto !important
}

#heateor_sss_sharing_more_content .all-services ul li {
    margin: 0;
    background: 0 0 !important;
    float: left;
    width: 33.3333% !important;
    text-align: left !important
}

#heateor_sss_sharing_more_providers .close-button img {
    margin: 0
}

#heateor_sss_sharing_more_providers .close-button.separated {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    z-index: 1000
}

#heateor_sss_sharing_more_providers .close-button {
    height: auto !important;
    width: auto !important;
    left: auto !important;
    display: block !important;
    color: #555 !important;
    cursor: pointer !important;
    font-size: 29px !important;
    line-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: -13px;
    top: -11px
}

#heateor_sss_sharing_more_providers .filter input.search {
    width: 94%;
    display: block;
    float: none;
    font-family: 'open sans', 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 0 auto;
    padding: 5px 8px 5px 10px;
    border: 1px solid #ccc !important;
    color: #000;
    background: #fff !important;
    font-size: 16px !important;
    text-align: left !important
}

#heateor_sss_sharing_more_providers .footer-panel {
    background: #fff;
    border-top: 1px solid #d7d7d7;
    padding: 6px 0;
    width: 100%;
    color: #fff
}

#heateor_sss_sharing_more_providers .footer-panel p {
    background-color: transparent;
    top: 0;
    text-align: left !important;
    color: #000;
    font-family: 'helvetica neue', arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 !important;
    padding: 0 6px !important;
    text-indent: 0 !important
}

#heateor_sss_sharing_more_providers .footer-panel a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-indent: 0 !important
}

#heateor_sss_sharing_more_providers .all-services ul li a span {
    width: 51%
}

#heateor_sss_sharing_more_providers .all-services ul li a {
    border-radius: 3px;
    color: #666 !important;
    display: block;
    font-size: 18px;
    height: auto;
    line-height: 28px;
    overflow: hidden;
    padding: 8px;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none !important;
    text-indent: 0 !important;
    background: 0 0 !important;
    text-shadow: none
}

.heateor_sss_vertical_sharing {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important
}

#heateor_sss_mastodon_popup_close img,
#heateor_sss_sharing_popup_close img {
    opacity: 1 !important;
    background: 0 0 !important;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    top: inherit !important;
    right: inherit !important;
    left: 9px !important;
    padding: 0 !important
}

.heateor_sss_vertical_sharing {
    background: 0 0;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
    position: fixed;
    overflow: visible;
    z-index: 10000000;
    display: block;
    padding: 10px;
    border-radius: 4px;
    opacity: 1;
    box-sizing: content-box !important
}

.heateorSssTCBackground:hover {
    border-width: 0 !important;
    background-color: transparent
}

.heateorSssTCBackground {
    border-width: 0 !important;
    background-color: transparent !important;
    font-style: normal;
    word-wrap: normal;
    color: #666;
    line-height: 1;
    visibility: hidden
}

.heateorSssSharingSvg {
    width: 100%;
    height: 100%
}

.heateorSssPushIn {
    background: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CjxwYXRoIGQ9Ik0gNyA2IHEgMiA2IDEwIDYgdiAtNiBsIDYgOSBsIC02IDkgdiAtNiBxIC0xMCAyIC0xMCAtMTIiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD48L3N2Zz4=) left no-repeat
}

.heateorSssPullOut {
    background: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CjxwYXRoIGQ9Ik0gMjMgNiBxIC0yIDYgLTEwIDYgdiAtNiBsIC02IDkgbCA2IDkgdiAtNiBxIDEwIDIgMTAgLTEyIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzAwMCIgZmlsbD0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+PC9zdmc+) left no-repeat
}

div.heateorSssTotalShareCount {
    word-wrap: normal !important;
    font-weight: bolder;
    font-family: sans-serif;
    padding: 0;
    margin: 0;
    text-align: center
}

div.heateorSssTotalShareText {
    word-wrap: normal !important;
    margin: 0;
    padding: 0;
    text-align: center
}

div.heateor_sss_horizontal_sharing li {
    width: auto
}

.heateor_sss_sharing_container a {
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important
}

@media screen and (max-width:783px) {
    #heateor_sss_sharing_more_providers {
        width: 80%;
        left: 60%;
        margin-left: -50%;
        text-shadow: none !important
    }

    #heateor_sss_sharing_more_providers .filter input.search {
        border: 1px solid #ccc;
        width: 92%
    }
}

@media screen and (max-width:475px) {
    #heateor_sss_sharing_more_content .all-services ul li {
        width: 100% !important
    }
}

div.heateor_sss_sharing_container a:before {
    content: none
}

.heateor_sss_mastodon_popup_button {
    background: linear-gradient(#ec1b23, #d43116);
    padding: 8px 0 10px;
    font-size: 18px;
    border: 0;
    color: #fff;
    border-radius: 8px;
    margin: 4px auto;
    font-weight: bolder;
    width: 35%;
    cursor: pointer;
    border-bottom-style: groove;
    border-bottom-width: 5px;
    border-bottom-color: rgba(0, 0, 0, .2)
}

@media (max-width:767px) {
    div#next-project-modal .img-cont {
        display: none !important
    }
}

.banner-section h2 {
    color: #fff;
    max-width: 550px;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .top-bar p {
        font-weight: 700
    }

    .top-bar p span {
        font-weight: 700
    }
}

.process-content .img-fluid {
        border-radius:20px;
		border:1px solid #333
    }
	
.process-content .content {
       Padding:30px
    }
	
.slick-slide .star{margin-top:10px !important}
.Heading-Star{padding-right:10px;}

.logo_img img{max-height:120px}

.prototype-app-banner .prototype-img-cont {
    margin-top: 25%;

}


.inputcss {
    display: block;
    font-size: 13px;
    width: 100%;
    padding: 15px;
    
    line-height: 1.5;
    color: #696E77;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .btn-blue
  {
    background: linear-gradient(180deg, #0030ff 0, #00a8ff 100%);
    border: 1px solid #005997;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    margin-right: 20px;
    padding: 14px 45px;
    margin-bottom: 5%;
}

.btn-blue2
{
  background: linear-gradient(180deg, #0030ff 0, #00a8ff 100%);
  border: 1px solid #005997;
  border-radius: 20px 20px 0px 0px;
  font-weight: 700;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  padding: 14px 25px;
  
}
  


 .iti {
      width: 100% !important;
      padding-left: 50px;
      
    }


    #lets-level-up-form .iti {
        background-color: #fafafa;
    }


    #next-project-modal .iti__flag-container {
        border-bottom: 1px solid #d9d9d9;        
    }
    
    .iti .iti__country-name{
      color: #000 !important;
    }


.btn-rotate-right
{
    justify-content: end;
    display: grid;
    
}

.btn-rotate-right .talk-btns
{
    rotate: -90deg;
}

.sticky-section
{
    position: relative;
}

.sticky-btn {
    
    position: fixed; 
    z-index: 1111;
    right: -11%;
    width: 25%;
    height: auto;
    overflow-y: auto;
    top: 30%; 
}

  @media(max-width:767px)
  {
    .sticky-btn {
       display: none;
      }
  }

  .prototype-devlopment-process .responsive-tabs .card .card-header h5 a {
    display: flex;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(270.31deg, #ff0000 .15%, #000 99.75%);
}

.bg-grey
{
  background-color: #f7f7f7;
}



.flex
{
    display: flex;
}

.home-testimonial-bottom{transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top: 20px;margin-bottom: 0px; position: relative;}.home-testimonial h3{color: var(--orange);font-size: 14px;font-weight: 500;text-transform: uppercase}.home-testimonial h2{color:#000;font-size: 28px;font-weight: 700}.testimonial-inner{position: relative;}.testimonial-pos{position: relative;top: 24px}.testimonial-inner .tour-desc{border-radius: 10px;padding: 20px; background-color: #fafafa; height: 350px;}.testimonial-inner img.tm-people{width: 60px;height: 60px;-webkit-border-radius: 50%;border-radius: 50%;-o-object-fit: cover;object-fit: cover;max-width: none}.link-name{font-size: 14px; font-weight: 600;} .link-position{font-size: 12px;}



@media screen and (min-width:783px)
{
    .margin-top-30-dk
    {
        margin-top: 30px;
    }
    .margin-top-50-dk
    {
        margin-top: 50px;
    }
}

.align-self
{
    align-self: center;
}

.gap20
{
    gap: 20px;
}

.gap10
{
    gap: 10px;
}

.mt-3
{
    margin-top: 20px;
}

@media screen and (max-width:783px)
{
    .margin-top-mob-30{
        margin-top: 30px;
    }

    .testimonial-inner .tour-desc {
     
        height: 430px;
    }

    .home-testimonial-bottom
    {
        margin-top: -20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) 
{
    .testimonial-inner .tour-desc {
     
        height: 480px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) 
{
    .testimonial-inner .tour-desc {
     
        height: 420px;
    }
}




.margin-left-35
{
    margin-left: -35px;
}

@media screen and (max-width:767px)
{
    .mobile-hide
    {
        display: none;
    }
}

@media screen and (min-width:767px)
{
    .desktop-hide
    {
        display: none;
    }
}


#text {
    display: none;
    transition: 0.5s ease-in-out !important;
    
  }

  .btn-view
  {
  
  
  
  font-weight: 700;
  font-size: 16px;
  line-height: 200%;
  
  text-transform: uppercase;
  color: #000;
  padding: 14px 45px;
  
}

.bbb-logo
{
    width: 100px;
    margin-left: 20px;
    margin-top: 10px;
}

.bbb-logo2
{
    width: 100px;
    margin-top: 30px;
}