/*--------------------------------------------------------------------------------------*/


/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

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

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Sharp-Medium";
    font-size: 16px;
    color: #354e5ca8;
    line-height: 24px
}

a {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out
}

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

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

img {
    max-width: 100%
}

.site_content {
    display: block;
    padding-top: 89px
}

.site_content:after,
.site_content:before {
    display: table;
    clear: both;
    content: ""
}

header,
footer,
section {
    display: block
}

@media(min-width:1200px) {
    .container {
        margin: auto;
        max-width: 1170px
    }
}

.container:after,
.container:before {
    display: table;
    clear: both;
    content: ""
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: "";
    background: #24c4e9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

a:focus {
    border: 0;
    outline: 0
}

button:focus {
    border: 0;
    outline: 0
}

select {
    appearance: none
}

.md-form input[type="date"]:focus:not([readonly]),
.md-form input[type="datetime-local"]:focus:not([readonly]),
.md-form input[type="email"]:focus:not([readonly]),
.md-form input[type="number"]:focus:not([readonly]),
.md-form input[type="password"]:focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form input[type="search"]:focus:not([readonly]),
.md-form input[type="tel"]:focus:not([readonly]),
.md-form input[type="text"]:focus:not([readonly]),
.md-form input[type="time"]:focus:not([readonly]),
.md-form input[type="url"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #ffee04;
    border-bottom: 1px solid #ffee04
}

.md-form input[type="date"]:focus:not([readonly])+label,
.md-form input[type="datetime-local"]:focus:not([readonly])+label,
.md-form input[type="email"]:focus:not([readonly])+label,
.md-form input[type="number"]:focus:not([readonly])+label,
.md-form input[type="password"]:focus:not([readonly])+label,
.md-form input[type="search-md"]:focus:not([readonly])+label,
.md-form input[type="search"]:focus:not([readonly])+label,
.md-form input[type="tel"]:focus:not([readonly])+label,
.md-form input[type="text"]:focus:not([readonly])+label,
.md-form input[type="time"]:focus:not([readonly])+label,
.md-form input[type="url"]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #ffee04
}

p,
span {
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none
}

.common-btn {
    border-radius: 10px;
    width: 156px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    color: #fff;
    background: #fff;
    font-family: "Sharp-Semibold";
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-group-slider {
    display: flex;
}

.watch-our-view {
    display: flex;
    align-items: center;
    margin-top: 20px;
}


/*font-face*/

@font-face {
    font-family: "Sharp";
    src: url("../fonts/Sharp Sans.eot");
    src: url("../fonts/Sharp Sans.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans.woff2") format("woff2"), url("../fonts/Sharp Sans.woff") format("woff"), url("../fonts/Sharp Sans.svg#Sharp Sans") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Bold";
    src: url("../fonts/Sharp Sans Bold.eot");
    src: url("../fonts/Sharp Sans Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Bold.woff2") format("woff2"), url("../fonts/Sharp Sans Bold.woff") format("woff"), url("../fonts/Sharp Sans Bold.svg#Sharp Sans Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Thin";
    src: url("../fonts/Sharp Sans Thin.eot");
    src: url("../fonts/Sharp Sans Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Thin.woff2") format("woff2"), url("../fonts/Sharp Sans Thin.woff") format("woff"), url("../fonts/Sharp Sans Thin.svg#Sharp Sans Thin") format("svg");
    font-weight: 280;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Semibold";
    src: url("../fonts/Sharp Sans Semibold.eot");
    src: url("../fonts/Sharp Sans Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Semibold.woff2") format("woff2"), url("../fonts/Sharp Sans Semibold.woff") format("woff"), url("../fonts/Sharp Sans Semibold.svg#Sharp Sans Semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Medium";
    src: url("../fonts/Sharp Sans Medium.eot");
    src: url("../fonts/Sharp Sans Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Medium.woff2") format("woff2"), url("../fonts/Sharp Sans Medium.woff") format("woff"), url("../fonts/Sharp Sans Medium.svg#Sharp Sans Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Light";
    src: url("../fonts/Sharp Sans Light.eot");
    src: url("../fonts/Sharp Sans Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Light.woff2") format("woff2"), url("../fonts/Sharp Sans Light.woff") format("woff"), url("../fonts/Sharp Sans Light.svg#Sharp Sans Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Sharp-Extrabold";
    src: url("../fonts/Sharp Sans Extrabold.eot");
    src: url("../fonts/Sharp Sans Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/Sharp Sans Extrabold.woff2") format("woff2"), url("../fonts/Sharp Sans Extrabold.woff") format("woff"), url("../fonts/Sharp Sans Extrabold.svg#Sharp Sans Extrabold") format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


/*--------------------------------------------------------------------------------------*/


/*Header-Css-Here
/*--------------------------------------------------------------------------------------*/

header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 16px 0
}

header .container {
    z-index: 9;
    position: relative
}

.nave-bar li a:hover {
    color: #8c6239
}

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

nav.navbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0
}

.navbar-nav li a {
    padding: 0 18px!IMPORTANT
}

.nave-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.nave-bar li.nav-item a {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff!important;
    font-family: "Sharp-Semibold"
}

.download-app-btn {
    margin-left: 20px
}

.topHeader.sticky {
    box-shadow: 0 3px 3px #00000029;
    background: #fafafc
}

ul.footer_menu li a:hover {
    color: #f5a420!important
}

.nave-bar li a:hover {
    color: #000!important
}

.download-app-btn a {
    background: #fff;
    border-radius: 10px;
    min-width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    font-size: 15px;
    font-family: "Sharp-Semibold";
    color: #354e5c!important
}


/*--------------------------------------------------------------------------------------*/


/*Slider-Css-Here
/*--------------------------------------------------------------------------------------*/

.sliderSection {
    position: relative;
    overflow: hidden;
    background: -moz-linear-gradient(45deg, rgba(240, 242, 248, 1) 0, rgba(240, 242, 248, 1) 1%, rgba(247, 248, 251, 0.67) 46%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(240, 242, 248, 1) 0, rgba(240, 242, 248, 1) 1%, rgba(247, 248, 251, 0.67) 46%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(240, 242, 248, 1) 0, rgba(240, 242, 248, 1) 1%, rgba(247, 248, 251, 0.67) 46%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0f2f8', endColorstr='#ffffff', GradientType=1)
}

.sliderSection:after {
    background: url(../images/shape-right-header.png);
    position: absolute;
    top: -407px;
    right: -152px;
    width: 998px;
    height: 995px;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
    content: ""
}

.slider_caption .container {
    z-index: 2;
    position: relative
}

.app-store-btn {
    background: #354e5c
}

.common-btn i {
    font-size: 22px;
    margin-right: 8px
}

a.common-btn.google-play.hvr-sweep-to-right {
    background: #ee7518
}

.slider_caption {
    padding-top: 132px
}

.slider_inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.slider-left h1 {
    font-size: 55px;
    color: #fff
}

.slider-left p {
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 30px
}

.slider-left h1 {
    font-size: 62px;
    color: #14141e;
    font-weight: 500;
    line-height: 66px
}

.slider-right {
    flex: 0 0 55%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.slider-left {
    flex: 1;
    text-align: left;
    padding-right: 10px
}

.btn-group-slider a {
    margin-right: 10px
}

section.sliderSection {
    position: relative
}

.slider-left h1 {
    font-size: 52px;
    color: #354e5c;
    font-family: "Sharp-Bold";
    line-height: 65px
}

.play-icon {
    width: 43px;
    height: 43px;
    background: #f6a71d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 31px;
    color: #fff;
    box-shadow: 0 13px 23px rgb(246 167 29 / 36%);
    margin-right: 12px
}

.watch-our-view span {
    font-size: 14px;
    color: #354e5c;
    font-family: "Sharp-Semibold";
    line-height: 14px
}


/*--------------------------------------------------------------------------------------*/


/*About-Css-Here
/*--------------------------------------------------------------------------------------*/

.awsome-app-fetures-left-box figure {
    position: relative
}

.awsome-app-fetures-left-box figure:after {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6a71d', GradientType=0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 446px;
    height: 446px;
    border-radius: 50%;
    margin: auto
}

.awsome-app-fetures-left-box figure img {
    z-index: 99;
    position: relative;
    margin: auto;
    display: block
}

.common-heading h2 {
    font-size: 34px;
    color: #354e5c;
    font-family: "Sharp-Bold";
    padding-bottom: 10px
}

.common-heading.text-center p {
    width: 40%;
    margin: auto
}

.awsome-app-fetures {
    padding-top: 90px;
    padding-bottom: 100px
}

.awsome-app-fetures .row {
    align-items: center
}

.awsome-app-fetures-right {
    padding-left: 160px
}

ul.awesome-apps-list li figure {
    width: 71px;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f9ca94;
    border-radius: 20px;
    font-size: 32px;
    color: #ee7518;
    flex: 0 0 71px;
    margin-right: 30px;
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 251, 246, 1) 2%, rgba(251, 215, 175, 0.48) 18%, rgba(249, 202, 148, 0.48) 24%, rgba(249, 202, 148, 0.48) 76%, rgba(251, 215, 175, 0.48) 82%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 251, 246, 1) 2%, rgba(251, 215, 175, 0.48) 18%, rgba(249, 202, 148, 0.48) 24%, rgba(249, 202, 148, 0.48) 76%, rgba(251, 215, 175, 0.48) 82%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 251, 246, 1) 2%, rgba(251, 215, 175, 0.48) 18%, rgba(249, 202, 148, 0.48) 24%, rgba(249, 202, 148, 0.48) 76%, rgba(251, 215, 175, 0.48) 82%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}

ul.awesome-apps-list li {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

ul.awesome-apps-list figcaption h3 {
    font-size: 20px;
    color: #354e5c;
    font-family: "Sharp-Bold";
    padding-bottom: 5px
}

ul.awesome-apps-list figcaption p {
    font-size: 14px
}

ul.awesome-apps-list {
    padding-top: 30px
}

.how-its-works-box-inner figure {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 167, 29, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6a71d', GradientType=0);
    border-radius: 50%;
    margin: auto;
    margin-bottom: 40px
}

.how-its-works-box-inner figcaption {
    text-align: center
}

.how-its-works-box-inner figcaption h3 {
    font-size: 18px;
    color: #354e5c;
    font-family: "Sharp-Bold";
    padding-bottom: 5px
}

.How-its-works-main {
    margin-top: 40px
}

.how-its-works-box.odd-works {
    margin-top: 70px
}

.how-its-works-box-inner figcaption p {
    font-size: 14px
}

.how-its-works-box-inner {
    border-radius: 20px;
    background: #fff;
    box-shadow: 3px 17px 34px rgb(191 201 225 / 28%);
    padding: 60px 30px;
    border: 1px solid #eef0f6
}

.how-its-works-box {
    position: relative
}

.how-its-works-box:first-child:after {
    background: url(../images/arrow-down.svg);
    content: "";
    position: absolute;
    right: -146px;
    top: 10px;
    width: 147px;
    height: 46px
}

.how-its-works-box:last-child:after {
    background: url(../images/arrow-up.svg);
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 147px;
    height: 46px
}

section.How-its-works {
    padding-top: 75px;
    padding-bottom: 150px
}

.faq-q-box .card-header {
    padding: 0;
    border-bottom: 0;
    border-radius: 0!important;
    background: transparent
}

.accordion {
    border: 1px solid #eef0f6;
    border-radius: 10px;
    box-shadow: 3px 17px 34px rgb(191 201 225 / 28%)
}

.faq-q-box button.btn.btn-link {
    width: 100%;
    text-align: left;
    position: relative;
    background: #ffffff8a;
    margin: 0;
    border: 0;
    padding: 16px 20px;
    color: #354e5c;
    font-size: 18px;
    font-family: "Sharp-Semibold"
}

.card-body {
    padding-top: 0
}

button.btn.btn-link[aria-expanded="true"] {
    color: #ee7518
}

.sticky .nave-bar li.nav-item a {
    color: #f6a71d!important
}

.sticky .download-app-btn a {
    background: #f6a71d;
    color: #fff!IMPORTANT
}

.card {
    border: 0;
    border-bottom: 1px solid #eff0f5;
    border-radius: 0
}

.faq-q-box {
    padding-top: 50px;
    padding-bottom: 100px
}

.faq-q-box button.btn.btn-link.collapsed:after {
    font-family: "Font Awesome 5 Free";
    top: 0;
    right: 15px;
    content: "\f078";
    font-weight: 900;
    position: absolute;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.faq-q-box button.btn.btn-link:after {
    font-family: "Font Awesome 5 Free";
    top: 0;
    right: 15px;
    content: "\f077";
    font-weight: 900;
    position: absolute;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.faq-q-box .card-body p {
    font-size: 14px
}

button.btn.btn-link:hover,
button.btn.btn-link:focus {
    text-decoration: none
}

.partner-with-us-main .how-its-works-box-inner {
    border: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 0
}

.partner-with-us-main .how-its-works-box-inner figure {
    background: #f6a71d;
    box-shadow: 0 13px 23px rgb(246 167 29 / 36%)
}

.partner-with-us-main .how-its-works-box-inner figure img {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.partner-with-us-main .how-its-works-box:first-child:after {
    right: -75px;
    top: 70px
}

.partner-with-us-main .how-its-works-box:last-child:after {
    right: auto;
    top: 100px;
    left: -75px
}

.owl-dot span {
    background: rgb(255 255 255 / 42%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 0 6px
}

.owl-dot.active span {
    background: #fff;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    position: relative
}

.owl-dot.active span:after {
    border: 2px solid #fff;
    content: "";
    position: absolute;
    left: -6px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 50%;
    display: block
}

.owl-dots {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
    bottom: -71px
}

section.How-its-works {
    position: relative
}

section.How-its-works:after {
    background: url(../images/kuldeep.svg);
    position: absolute;
    left: 0;
    top: -87px;
    content: "";
    background-size: cover;
    height: 93px;
    width: 100%;
    background-position: center;
}

section.How-its-works:before {
    background: url(../images/kuldeep.svg);
    position: absolute;
    left: 0;
    bottom: -87px;
    content: "";
    background-size: cover;
    height: 93px;
    width: 100%;
    transform: rotate(-180deg);
    background-position: center;
}

section.want-something-main {
    background: #f0f2f8;
    background: -moz-linear-gradient(top, rgba(240, 242, 248, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 242, 248, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(240, 242, 248, 1) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0f2f8', endColorstr='#ffffff', GradientType=0);
    padding-top: 85px;
    padding-bottom: 30px
}

.follow-top-social-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

ul.footer-social {
    display: flex
}

ul.footer-social li {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    margin-left: 10px
}

.follow-top-social-box p {
    font-size: 24px;
    color: #354e5c;
    font-family: "Sharp-Bold"
}

.follow-top-social {
    padding-bottom: 35px;
    border-bottom: 1px solid #e7e8ec;
    margin-bottom: 50px
}

footer {
    background: #f6f7fa;
    padding-top: 75px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px
}

.form-control {
    background: #f1f3f9;
    height: 45px!important;
    border-radius: 10px;
    font-size: 14px;
    border: 0
}

.form-get-touch.common-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 575px;
    margin: auto;
    margin-top: 25px
}

section.get-in-touch {
    padding-top: 90px;
    padding-bottom: 90px
}

.form-get-touch.common-form .form-group {
    width: 49%
}

.last-group {
    width: 100%!important
}

.send-mesge {
    background: #f6a71d;
    background: -moz-linear-gradient(left, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    background: linear-gradient(to right, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6a71d', endColorstr='#f08a3b', GradientType=1);
    width: 170px;
    color: #fff;
    font-size: 15px;
    font-family: "Sharp-Semibold";
    height: 45px;
    border-radius: 8px;
    border: 0
}

.form-control:focus {
    background: #f1f3f9
}

.btn-center {
    margin: auto
}

.textarea-height textarea.form-control {
    height: 128px!important
}

select.form-control {
    background: #f1f3f9 url(../images/arrow-select.svg);
    background-repeat: no-repeat;
    background-position: 93% 58%
}


/*--------------------------------------------------------------------------------------*/


/*footer-css
/*--------------------------------------------------------------------------------------*/

footer {
    background: #f6f7fa;
    padding-top: 40px
}

ul.footer_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 40px
}

ul.footer_menu li a {
    font-size: 16px;
    color: #354e5c;
    padding: 0 25px;
    font-family: "Sharp-Semibold"
}

.top-footer {
    text-align: center
}

.bottom-footer p {
    font-size: 14px;
    color: rgb(53 78 92 / 51%);
    text-align: center
}

.bottom-footer {
    border-top: 1px solid #e7e8ec;
    padding: 17px 0
}


/*--------------------------------------------------------------------------------------*/


/*app-screenshots
/*--------------------------------------------------------------------------------------*/

.app-screenshots .slider-box .owl-carousel .owl-stage-outer {
    padding: 30px 0
}

.app-screenshots .slider-box .owl-carousel .owl-item img {
    max-width: initial;
    margin: auto;
    object-fit: none;
    border-radius: 10px
}

.app-screenshots .slider-box .owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: auto
}

.app-screenshots {
    background: #f3f7fc
}

.app-screenshots {
    background: #f6a71d;
    background: -moz-linear-gradient(left, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    background: linear-gradient(to right, rgba(246, 167, 29, 1) 0, rgba(240, 138, 59, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6a71d', endColorstr='#f08a3b', GradientType=1);
    padding-top: 60px;
    padding-bottom: 145px
}

.slider-box-main {
    padding-top: 55px;
    position: relative
}

.app-screenshots .owl-item.active.center {
    transform: scale(1)
}

.app-screenshots .owl-item.active {
    transform: scale(1);
    transition: .6s ease
}

.app-screenshots .comm-head-title p {
    max-width: 55%;
    margin: auto
}

figure.center-img-cover {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0
}

figure.center-img-cover img {
    display: flex;
    width: 255px;
    object-fit: cover
}

.app-screenshots .owl-item.active.center {
    transform: scale(1.2)
}

figure.center-img-cover img {
    z-index: 99
}

.download-app {
    padding-top: 65px;
    padding-bottom: 60px;
    background: #f1f3f9;
    margin: 30px;
    border-radius: 30px;
    margin-bottom: 0
}

.download-app-box {
    display: flex;
    align-items: center
}

.download-app-left {
    width: 400px;
    margin: auto;
    display: block;
    text-align: center;
}

.download-app-right {
    flex: 1;
    padding-left: 30px;
    text-align: center
}

.download-app-right .common-heading.text-center p {
    width: 60%;
    margin: auto
}

.download-app-right .btn-group-slider {
    display: flex;
    justify-content: center;
    margin-top: 25px
}

header.sticky {
    padding: 10px 0
}


/*--------------------------------------------------------------------------------------*/


/*animation-effects-Css-Here
/*--------------------------------------------------------------------------------------*/

.hvr-sweep-to-right:hover,
.hvr-sweep-to-grey:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-grey:focus,
.hvr-sweep-to-right:active,
.hvr-sweep-to-grey:active {
    color: white;
}

.hvr-sweep-to-right,
.hvr-sweep-to-grey {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.hvr-sweep-to-right:before,
.hvr-sweep-to-grey:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #354E5C;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    overflow: hidden;
}

ul.footer-social li:hover {
    opacity: 0.7;
    cursor: pointer;
}

.hvr-sweep-to-grey:before {
    background: #f6a71d;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-grey:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-grey:focus:before,
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-grey:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}


/* Bob Up Down*/

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

figure.shape-1,
figure.shape-5,
figure.shape-6,
figure.shape-7,
figure.shape-8,
figure.shape-10,
figure.shape-55 {
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

figure.shape-3,
figure.shape-4 {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

figure.shape-2,
figure.shape-9 {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.download-app-btn a.hvr-sweep-to-right:hover {
    color: #fff !important;
}

.effect-4 {
    position: relative;
}

.effect-4 {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.effect-4:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: 10;
    border: 4px dashed #354e5c;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    display: none;
}

.effect-4:hover {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    color: #fff;
}


/* Effect 4b */

.how-its-works-box-inner:hover .effect-4 {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    cursor: pointer;
}

.how-its-works-box-inner:hover .effect-4:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
    display: block;
    cursor: pointer;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

.error-message {
    color: red !important;
}