body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #6c757d;
}

body::-webkit-scrollbar-thumb {
    background-color: #0549b3;
    outline: 4px solid #6c757d;
}

body {
    margin: 0;
    padding: 0;
}

section {
    margin: 0;
    padding: 0;
    background: #f5f9fc;
}

p {
    color: #726a84;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

a {
    line-height: 8vh;
    font-family: 'Cabin', sans-serif;
    color: #9d9a92;
}

a:hover {
    text-decoration: none;
}

.on_scroll {
    background: linear-gradient(to left, #005cbf, #002752);
}

.error {
    text-align: center;
    line-height: 200%;
    /*position: absolute;*/
    /*top: -6vh;*/
}

/*.navbar-toggler {*/
/*background-color: #2e6e89;*/
/*outline: none;*/
/*}*/

.container-fluid {
    margin: 0;
    padding: 0;
}

.all_html{
    z-index: 9999999;
}

.navbar-collapse {
    padding-right: 10vw;
}

.navbar-nav {
    margin-left: auto;
}

.active_menu {
    border-bottom: 2px solid #d36e1a;
}

header {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

.nav-item {
    margin-right: 2vw;
}

.navbar-dark .navbar-nav .nav-link {
    cursor: pointer;
}

.home {
    margin: 0;
    padding: 0;
    min-height: 110vh;
    height: 625px;
}

.home * {
    padding: 0;
}

.my_header {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 3px;
    padding: 15px 20px;
    margin: 0 auto;
    text-align: center;
    top: 30vh;
}


/*h1 {*/
/*line-height: 90vh;*/
/*display: inline-flex;*/
/*}*/

/*h1 > span:first-child {*/
/*font-size: 22vmax;*/
/*opacity: 0.4;*/
/*color: white;*/
/*z-index: 1;*/
/*font-weight: 600;*/
/*margin-left: 2vw;*/
/*}*/

/*h1 > span:last-child {*/
/*font-size: 6vmax;*/
/*color: white;*/
/*transform: translateX(-22vw);*/
/*}*/

.h-25 > form {
    display: inline-block;
    text-align: center;
}

.h-25 > form > * {
    height: 35px;
    font-size: 15px;
}

#UserEmail {
    border-radius: 25px;
    border: none;
    width: 100%;
    padding: 0 1vw;
    outline: none;
}

#btn-submit {
    width: 50%;
    height: 6vh;
    margin-top: 2vh;
    padding: 0 5px;
    border-radius: 20px;
    border: none;
    background-color: #0549b3;
    outline: none;
}


/*About Section*/

.row {
    padding: 0;
    margin: 0;
}

.sec_heading {
    margin-bottom: 5vh;
    margin-top: 5vh;
    font-family: 'Cabin', sans-serif;
}

.sec_heading > h2 {
    font-size: 48px;
    margin: 0;
    color: #2264b1;
}

.mob {
    border: 1px solid #eff2f6;
    border-radius: 40px 40px 40px 0;
    padding: 2vw;
}

.mob > div {
    text-align: center;
    margin: auto;
}

.icon {
    font-size: 3vmax;
    display: block;
    text-align: center;
    margin-bottom: 2vh;
    color: #2283c8;
}

.mob:hover {
    box-shadow: 0 2px 11px darkslategrey;
}


/*Features Section*/

.features {
    background-color: aliceblue;
    height: 100%;
}

.special {
    width: 100%;
    margin-top: 12vh;
}

.screen > img {
    width: 100%;
}

.feat_text {
    width: 100%;
    margin-top: 8vh;
}

.best {
    text-align: center;
    color: #2e6e89;
}

.best > h2 {
    font-size: 48px;
    margin-bottom: 30px;
    font-family: 'Cabin', sans-serif;
}

.best > p {
    color: #726a84;
    font-size: 17px;
    font-weight: 300;
    margin-top: 0;
}

.cv_download {
    border: 1px solid #eff2f6;
    width: 100%;
    text-align: center;
    border-radius: 40px 40px 40px 0;
    height: 8vh;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}

.cv_download:hover {
    background-color: #54b59a;
    cursor: pointer;
    outline: none;
}

.cv_download > a {
    width: 100%;
    height: 100%;
    display: block;
}

/******Feature Two Sec******/

.feature_heading {
    text-align: center;
    margin: 15vh 0 10vh 0;
}

.feature_heading > h2 {
    font-family: 'Cabin', sans-serif;
    font-size: 48px;
    margin: 0;
    color: #2264b1;
}

.feat_icon {
    font-size: 2vmax;
    float: left;
    color: #2283c8;
    margin-right: 1vw;
}

.single_features > h5 {
    font-size: 2vmax;
    font-family: 'Cabin', sans-serif;
}

.single_features > p {
    margin-top: 2vh;
}

.double_features {
    margin-top: 5vh;
}

.double_features > h5 {
    font-size: 2vmax;
    font-family: 'Cabin', sans-serif;
}


/*Features Photo*/

#camera, #panel {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    margin: -150px;
    background: #eaeaea;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

#camera {
    z-index: 2;
}


.shadow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    height: 20px;
    margin: 170px -120px 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.strip {
    height: 110px;
    background-color: #54b59a;
    border-top: 10px solid #479a83;
    border-bottom: 10px solid #479a83;
    margin: 80px 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .4);
}

.lens {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 144px;
    height: 144px;
    margin: -90px;
    border: 18px solid #b44b37;
    border-radius: 50%;
    background-color: #111;
    box-shadow: 0 5px 0 rgba(0, 0, 0, .4);
}

.lens:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 27px;
    border: 20px solid rgb(60, 60, 60);
    border-radius: 50%;
    background: rgb(34, 34, 34);
}

.lens:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    margin: 57px;
    border: 11px solid rgb(22, 22, 22);
    border-radius: 50%;
    background: rgb(131, 131, 131);
}

.led {
    position: absolute;
    left: 35px;
    top: 30px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgb(255, 136, 115);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
    -webkit-animation: led .8s infinite;
    -moz-animation: led .8s infinite;
    -ms-animation: led .8s infinite;
    -o-animation: led .8s infinite;
    animation: led .8s infinite;
}


/* keyframes */
@-webkit-keyframes led {
    from {
        opacity: .2;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes led {
    from {
        opacity: .2;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes led {
    from {
        opacity: .2;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes led {
    from {
        opacity: .2;
    }

    to {
        opacity: 1;
    }
}

@keyframes led {
    from {
        opacity: .2;
    }

    to {
        opacity: 1;
    }
}


/********Features Video*******/

.video {
    width: 100%;
    height: 80vh;
    padding: 0;
    margin-top: 10vh;
}

.video > video {
    width: 100%;
}

.all_count {
    height: 30vh;
    width: 100%;
    display: inline-flex;
    background: linear-gradient(to right, #002752, #004085, #005cbf);
}

.numbers {
    margin-top: 5vh;
}

.count {
    font-size: 5vmax;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    padding-top: 15px;
    color: #ffffff;
    font-family: 'Cabin', sans-serif;
}

.counters {
    float: left;
    display: block;
    text-align: center;
    padding: 10px 10px 0 0;
}

.counters > h3 {
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
}

.count_icon {
    font-size: 3vmax;
    color: #ffffff;
}

.cool > p {
    color: #ffffff;
}


/*******End Features Sec*******/

/*******Screenshot Sec*******/

.screenshot_heading {
    width: 100%;
    text-align: center;
    font-family: 'Cabin', sans-serif;
}

.screenshot_heading > h2 {
    margin: 5vh 0 5vh 0;
    font-size: 48px;
    color: #2264b1;
    font-family: 'Cabin', sans-serif;
}

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

.item {
    opacity: 0.7;
    transform: scale(0.85);
    height: 75vh;
}

.item > img {
    height: 100%;
}

.center > .item {
    opacity: 1 !important;
    transform: scale(1) !important;
    box-shadow: 0 3px 10px 3px #4e555b;
}

.active {
    border: none;
}


/************Pricing Sec***********/

.pricing {
    background: #f5f9fc;
}

.pricing_plan {
    text-align: center;
    font-family: 'Cabin', sans-serif;
    padding-top: 5vh;
    margin-bottom: 10vh;
}

.pricing_plan > h2 {
    font-size: 48px;
    margin: 0;
    color: #2264b1;
    font-family: 'Cabin', sans-serif;
}

.starter_head:hover {
    background-color: #2283c8;
    padding: 40px 0;
    border-radius: 30px 30px 0 0;
}

.starter_head:hover .single_price > span {
    color: #FFFFFF;
}

.starter_head:hover .single_price > h4 {
    color: #ffffff;
}

.starter_head:hover > h5 {
    color: #FFFFFF;
}


.single_plan {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 30px 30px 0 0;
    margin-bottom: 30px;
}

.starter_head {
    padding: 40px 0;
    border-radius: 30px 30px 0 0;
}

.single_price span {
    font-size: 18px;
    color: #2283c8;
}

.single_price h4 {
    font-size: 48px;
    color: #2283c8;
}

.pricing_text p:first-child {
    border-top: 1px solid #ebebeb;
}

.pricing_text > p {
    margin-bottom: 0;
    line-height: 1;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}

.plan_button > a {
    background: #2283c8;
    padding: 10px 0;
    border-bottom-right-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.plan_button > a:hover {
    background: #4ea5ff;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}


/*********Testimonials Sec*********/

.test_icon {
    height: 20vh;
    font-size: 5vmax;
    color: #2283c8;
    line-height: unset;
}

.about_testimonials {
    width: 770px;
}

.about_testimonials > p {
    max-width: 1010px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}

.about_testimonials > span {
    color: #b5aec4;
}

.about_testimonials > i {
    font-size: 18px;
    color: #f1b922;
}

.about_testimonials > h5 {
    color: #2283c8;
    font-size: 22px;
    margin-top: 5px;
}

.slick-track {
    opacity: 1;
    width: 1080px;
    transform: translate3d(-360px, 0px, 0px);
}

.slider_image {
    display: inline-block;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 5px solid #fff;
}


/***********Team Sec***********/

.team_heading > h2 {
    margin: 5vh 0 5vh 0;
    font-size: 48px;
    color: #0056b3;
    font-weight: 400;
    font-family: 'Cabin', sans-serif;
}

.team_image {
    position: relative;
    width: 100%;
}

.team_image > img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px 30px 30px 0
}

.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    opacity: 0.8;
    background-color: #343a40e0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    border-radius: 30px 30px 30px 0;
}

.team_image:hover .overlay {
    bottom: 0;
    height: 100%;
}

.first_a {
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.second_a {
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.three_a {
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.four_a {
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.team_text > h4 {
    font-size: 22px;
    color: #008CBA;
    margin: 3vh 0 0 0;
}

.team_text > p {
    color: #b5aec4;
    margin: 1vh 0 5vh 0;
    font-weight: 400;
}


/***********Contact Sec***********/

.contact {
    background: #f5f9fc;
    padding-top: 100px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 20px 30px -20px;
    margin-bottom: 300px;
}

.contact_heading {
    margin-bottom: 60px;
}

.contact_heading > h2 {
    font-weight: 300;
    color: #2264b1;
    font-size: 48px;
    margin: 0;
    font-family: 'Cabin', sans-serif;
}

.contact_text {
    margin-bottom: 15px;
}

.contact_text > p {
    color: #726a84;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 50px;
}

.contact_address {
    margin-bottom: 15px;
}

.contact_address > p {
    color: #726a84;
    font-size: 18px;
    font-weight: 400;
}

.contact_address span {
    color: #2264b1;
    font-weight: 500;
}

.contact_address > a {
    color: #2264b1;
    font-size: 18px;
    font-family: unset;
    line-height: 0;
}

/****Input Area****/

.contact_form {
    margin-top: 3vh;
}

.single_input {
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 25px 25px 25px 0;
    width: 100%;
    border: 1px solid #ced4da;
    outline: none;
    margin-bottom: 5vh;
}

.contact_input_area{
    margin-bottom: 5vh;
}

.message {
    width: 100%;
    padding: 15px 15px;
    border-radius: 25px 25px 25px 0;
    border: 1px solid #ced4da;
    outline: none;
    margin-bottom: 3vh;
}

.contact_btn {
    background: #2264b1;
    border: none;
    height: 48px;
    min-width: 185px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 22px 25px 22px 0;
    outline: none;
}


/*******************Footer Sec***************/


.footer_sec {
    z-index: -101;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 67vh;
}

.footer_heading{
    z-index: -101;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 30vh;
}

.footer_heading > h2 {
    color: #005cbf;
    font-size: 72px;
    font-weight: 700;
}

.footer_icons{
    z-index: -101;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 20vh;
}

.footer_txt{
    z-index: -101;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 9vh;
}

.footer_icons > a > i {
    background: #2264b1;
    font-size: 25px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-weight: 500;
    border-radius: 10px 10px 10px 0px;
    margin-right: 10px;
}

.footer_icons > a > i:hover {
    background: #3686D5;
}





.heart {
    font-size: 25px;
    color: #e00;
    animation: beat .25s infinite alternate;
    transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
    to { transform: scale(1.4); }
}





#scrollUp {
    position: fixed;
    z-index: 99999999;
    font-size: 24px;
    right: 30px;
    width: 50px;
    background-color: #005cbf;
    bottom: 5vh;
    opacity: 0.8;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

#scrollUp:hover {
    opacity: 1;
    box-shadow: 0 0 30px 0 #004085;
}

@media screen and (max-width: 1024px) {

    /*.error{*/
    /*width: 27vw;*/
    /*left: 15vw;*/
    /*}*/
}

@media screen and (max-width: 991px) {
    h1 > span:first-child {
        font-size: 25vmax;
    }

    h1 > span:last-child {
        font-size: 7vmax;
    }

    /*#UserEmail{*/
    /*width: 25vw;*/
    /*}*/
    .all_count {
        height: 100%;
        display: block;
        text-align: -webkit-center;
    }

    .numbers {
        padding: 0;
    }

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

    .video {
        height: 60vh;
    }

    /*.error{*/
    /*width: 25vw;*/
    /*left: 9vw;*/
    /*}*/
}

@media screen and (max-width: 780px) {
    .item {
        height: 53vh;
    }
}

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

    h1 > span:last-child {
        font-size: 6vmax;
    }

    .mob > div {
        width: 35vw;
    }

    .special {
        display: none;
    }

    .counters {
        float: none;
    }

    /*.owl-carousel .owl-item img {*/
    /*height: 50vh;*/
    /*}*/
    .video {
        height: 50vh;
    }

    #UserEmail {
        width: 90%;
    }

    #btn-submit {
        width: 40%;
    }

}

@media screen and (max-width: 641px) {
    h1 > span:last-child {
        font-size: 8vmax;
        margin-left: -15vw;
    }

    /*.owl-carousel .owl-item img {*/
    /*height: 40vh;*/
    /*}*/
    #UserEmail {
        width: 85%;
    }
}

@media screen and (max-width: 480px) {

    h1 > span:last-child {
        margin-left: -30vw;
        font-size: 5vmax;
    }

    .mob > div {
        width: 50vw;
    }

    .item {
        height: 50vh;
    }

    /*.owl-carousel .owl-item img{*/
    /*height: 40vh;*/
    /*}*/
    .video {
        height: 50vh;
    }

    /*#UserEmail{*/
    /*width: 45vw;*/
    /*}*/
    /*.error{*/
    /*left: 19.5vw;*/
    /*width: 60vw;*/
    /*}*/
    .test_icon > i {
        font-size: 9vmax;
    }

    .footer_txt{
        margin-bottom: 5vh;
    }

}