html,
body {
    margin: 0;

    padding: 0;

    height: 100%;
}

body {
    margin: 0;

    padding: 0;

    font-family: "Gilroy", Arial, Helvetica, sans-serif;
}

.mainContainer {
    position: relative;

    overflow: hidden;
}

.bodyCurve {
    position: absolute;

    z-index: -1;

    top: -76px;

    margin-top: -150px;

    left: 53%;
}

.container,
footer,
.fp-statistics,
.take-alook,
.fp-apps {
    max-width: 100%;

    margin: 0 auto;
}
.take-alook .col-md-6 {
    margin-bottom: 30px;
}
.banner {
    max-width: 1920px;

    margin: 0 auto;
}

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

.logo {
    padding-top: 2.5rem;

    padding-left: 2.5rem;

    padding-bottom: 7%;
}

.logo img {
    height: 2.8rem;
}

.banner {
    position: relative;

    /* height: 100vh; */

    overflow: hidden;
}

.main-banner-left {
    padding-top: 50px;
}

.main-banner-right {
    position: relative;
}
.main-banner-right .img-fluid {
    max-width: 110%;
}

.main-text {
    font-size: 3.8rem;
    line-height: 75px;
    font-weight: 300;
}

.main-text .font-bold {
    font-weight: 800;
}

.font-bold {
    font-weight: 700;
}

.banner .sub-text {
    font-size: 1.1rem;

    color: #4d5373;

    line-height: 1.9rem;

    margin-top: 1.5rem;

    font-weight: 300;
}

.salesform {
    width: 100%;

    margin: 1.87rem 0;
}

#frmDemoContact.salesform {
    margin: 4rem 0;
}

.salesform input[type="text"],
.salesform input[type="email"] {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.5);

    -moz-box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.5);

    box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.5);

    border: none;

    padding: 10px 10px 10px 25px;

    border-radius: 50px;

    font-family: Gilroy, Arial, Helvetica, sans-serif;

    min-width: 55%;
}

.salesform button {
    padding: 10px 25px;

    background: #4074fc;

    color: #ffffff;

    border-radius: 50px;

    border: none;

    outline: none;

    font-family: Gilroy, Arial, Helvetica, sans-serif;

    margin-left: 10px;
}

.client-logos {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 60%;

    margin-top: 8rem;

    margin-bottom: 4rem;
}

.client-logos img {
    max-width: 20%;

    object-fit: scale-down;

    height: 35px;

    object-position: left;

    margin-right: 2.5rem;
}

.carousel-caption {
    text-align: center;

    background: rgba(0, 0, 0, 0.5);

    /* Add a semi-transparent background */

    padding: 10px;

    position: absolute;

    bottom: 0;

    width: 100%;
}

.carousel-item {
    min-height: 460px;
}

.carousel-control-prev,
.carousel-control-next {
    border-radius: 50%;

    top: auto;

    bottom: -30px;

    transform: translateY(0);

    width: 8%;
}

.carousel-control-prev span,
.carousel-control-next span {
    font-size: 2.5rem;

    font-weight: 500;

    color: #000000;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    left: 50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: transparent;
}

.carousel-control-prev,
.carousel-control-next {
    color: #000000 !important;
}

.site-carousel .carousel-indicators {
    position: unset;

    margin-right: 0 !important;
}

.site-carousel .carousel .carousel-indicators {
    justify-content: center;

    margin-left: 0;
}

.site-carousel .carousel .carousel-indicators [data-bs-target] {
    background-color: #000000;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    border: none !important;
}

.site-carousel .carousel .carousel-indicators .active {
    width: 40px;

    border-radius: 10px;
}

.fp-apps .col-sm-6 {
    padding: 0 50px;
}
.fp-four .col-sm-6.leftcol {
    padding: 0 5rem 0 3rem;
}
.fp-four .col-sm-6.rightcol {
    padding: 0 3rem 0 5rem;
}
.pfour-border {
    border-left: 1px solid #d2d4e2;
}
.site-carousel .col-sm-6 {
    padding: 0 15px;
}

.fp-difference > .row {
    min-height: 400px;
}

.fp-difference h3 {
    font-weight: normal;
}

.fp-four {
    margin-top: 6.6rem;
}

.fp-four h2 {
    font-weight: 700;

    font-size: 3rem;
}

.fp-four h3 {
    font-size: 1.87rem;

    font-weight: 600;

    line-height: 2.25rem;

    margin-top: 2rem;
}

.fp-four p {
    font-size: 0.93rem;

    font-weight: normal;

    line-height: 1.72rem;
}

.fp-apps-container {
    background: #202a4e;

    width: 100%;
}

.fp-apps {
    background: url("../assets/images/map.svg") no-repeat #1b2a4e;

    background-size: 75%;

    background-position: center;

    margin: 0 auto;
}

.fp-apps h1 {
    font-size: 2.84rem;

    line-height: 3.41rem;

    color: #ffffff;

    font-weight: 300;
}

.app-links {
    margin-top: 10rem;

    display: flex;

    align-items: center;

    color: #ffffff;
}

.app-links div {
    margin-left: 20px;
}

.app-links .small-logo {
    width: 4.5rem;
}

.take-alook {
    background: #f6f8ff;

    color: #2a2733;

    padding-bottom: 6.25rem;
}

.take-alook h1 {
    margin-top: 4rem;

    margin-bottom: 0.7rem;

    font-size: 3rem;

    font-weight: 500;
}

.take-alook h5 {
    font-weight: 700;

    font-size: 1rem;

    margin-top: 2rem;
}

.take-alook h6 {
    font-size: 0.94rem;

    font-weight: 500;

    margin-top: 0;

    margin-bottom: 1.7rem;
}

.take-alook p {
    font-size: 0.85rem;

    font-weight: 500;

    margin: 0;
}

.take-alook-item img {
    width: 2.93rem;
}

.take-alook .take-alook-item h1 {
    font-size: 1.13rem;

    color: #2a2733;

    margin-top: 1.49rem;

    margin-bottom: 0.94rem;

    font-weight: bold;
}

.take-alook-item p {
    font-size: 0.75rem;

    color: #2a2733;

    line-height: 1.29rem;

    font-weight: normal;

    width: 100%;
}

.latest-news {
    text-align: center;

    padding-top: 6.18rem;
}

.latest-news h1 {
    font-size: 2.83rem;

    margin-bottom: 3.43rem;
}

.latest-news h4 {
    font-size: 1.42rem;

    font-weight: 300;
}

.latest-news img {
    margin: 3.2rem 0 7.25rem 0;
}

.fp-statistics {
    position: relative;

    border: 1px solid transparent;

    margin: 0 auto;

    background: url("../assets/images/arrrows-watermark.png") no-repeat left -20px bottom -50px #f6f8ff;

    background-size: 29.37rem;

    position: relative;

    overflow: hidden;
}

.fp-statistics .salesform {
    position: relative;

    z-index: 2;
}

.fp-counts {
    display: flex;

    align-items: stretch;

    justify-content: center;

    margin-top: 3rem;

    position: relative;

    z-index: 2;
}

.fp-counts .col-sm-3 {
    padding: 0 30px;
}
.fp-counts div.col-md-12 {
    border-right: none;
}
.fp-counts i {
    margin-right: 8px;

    font-size: 1rem;
}

.fp-counts div {
    border-right: 1px solid #cccccc;

    padding-right: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    font-size: 1.7rem;
}

.fp-counts div:nth-last-of-type(1) {
    border-right: 0;
}

.fp-counts div {
    line-height: 1.73rem;
}

.fp-counts div:nth-of-type(1) span:nth-child(2) {
    font-size: 1.7rem;

    color: #000000;
}

.fp-counts div span:nth-child(2) {
    color: #4074fc;

    font-size: 0.75rem;
}

.fp-counts div:nth-of-type(1) {
    font-size: 1.61rem;

    font-weight: bold;
}

.fp-statistics h1,
.fp-statistics h6,
.fp-statistics form {
    text-align: center;
}

.fp-statistics h1 {
    font-size: 3.79rem;

    font-weight: 500;

    margin-top: 6.07rem;

    margin-bottom: 0;

    position: relative;

    z-index: 2;
}

.fp-statistics h6 {
    font-size: 1.18rem;

    font-weight: normal;

    color: #4d5373;

    margin-top: 1.25rem;

    position: relative;

    z-index: 2;
}

footer {
    display: flex;

    flex-direction: column;
}

.fp-footer {
    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 50px 0;
}

.fpvm-company-image img {
    height: 4.5rem;
}

.social-links {
    display: flex;

    align-items: center;
}

.social-links img {
    margin-right: 17px;
}

.social-links img:nth-of-type(1),
.social-links img:nth-of-type(4) {
    width: 1.09rem;
}

.social-links img:nth-of-type(2),
.social-links img:nth-of-type(3) {
    width: 1.28rem;
}

.copyrights {
    border-top: 1px solid #d7dbea;
}

.copyrights > div {
    color: #2a2733;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 0.75rem;

    padding: 1.25rem 0;
}

.footer-links a {
    margin-right: 1.04rem;

    color: #2a2733;

    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

.info {
    margin-top: 5px;
    padding-left: 25px;
}

.fp-counts.w-75 {
    width: 90% !important;
}
.count-item {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.saleform-controls {
    flex: 0 0 50%;
    margin-right: 20px;
}
#frmDemoContact.salesform {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1900px) {
    .container,
    .container.w-75,
    .w-75 {
        width: 80% !important;
    }

    .container.upe {
        width: 90% !important;
    }

    .take-alook .container {
        width: 90% !important;
    }

    .banner .container {
        width: 90% !important;
    }

    .bodyCurve img {
        width: 200%;
    }

    .fp-counts div {
        line-height: normal;
    }
}

@media only screen and (max-width: 1200px) {
    .salesform input[type="text"],
    .salesform input[type="email"] {
        margin-bottom: 0;

        width: 90%;
    }

    .salesform button {
        margin-left: 0;
    }
 
}
@media screen and (max-width: 575px) { 
    .flex-reverse {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 576px) { 
    .fp-difference .col-sm-6 {
        padding: 0 30px;
    }
}
@media screen and (max-width: 767px) {
    .fp-difference > .row, .fp-difference > .row.flex-reverse {
        min-height: unset;
    }
    h1 {
        font-size: 1.7rem !important;

        line-height: normal !important;
    }

    h6 {
        line-height: 1.5rem;
    }

    .fp-apps .row > .col-sm-6:last-child img {
        height: 300px;
    }

    .fp-counts {
        margin-top: 0;
    }

    .fp-difference h6 {
        font-size: 0.56rem;
    }

    .fp-difference h3 {
        font-size: 1.2rem;

        font-weight: 600;
    }

    .fp-difference img,
    .fp-four img {
        margin-bottom: 30px;
    }

    .fp-four h1.pt-5 {
        padding-top: 1rem !important;
    }

    .take-alook img,
    .site-carousel h2 {
        margin-top: 50px;
    }
    .take-alook .row div:last-child {
        margin-bottom: 0;
    }

   .container.w-75,
    .w-75,
    .w-50 {
        width: 90% !important;
    }

    footer .w-75 {
        width: 90% !important;
    }

    .fp-counts {
        flex-direction: column;

        align-items: center;
    }

    .fp-counts div {
        border: none !important;
    }

    .fp-counts .col-sm-3 {
        margin-top: 2.2rem;
        padding: 0 20px;
    }

    .fpvm-company-image img {
        height: 2rem;
    }

    .fp-footer {
        padding: 2rem 0;
    }

    .app-links {
        margin-top: 3rem;
    }

    p {
        font-size: 0.89rem !important;
    }

    .client-logos {
        margin-top: 3rem;

        margin-bottom: 0rem;
    }

    .site-carousel .carousel-indicators {
        bottom: -50px;
    }

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

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

    .carousel-item {
        min-height: 550px;
    }

    .fp-statistics {
        background-size: 200px;
    }

    .py-5 {
        padding-top: 2rem !important;

        padding-bottom: 2rem !important;
    }

    .fp-four {
        margin-top: 3.5rem !important;
    }
    .main-text {
        line-height: 2.5rem;
        font-size: 2rem;
    }
    #frmContact.salesform {
        flex-direction: column;
        align-items: center;
    }
    #frmDemoContact.salesform {
        flex-direction: column;
    }
    #frmDemoContact.salesform .saleform-controls {
        margin-right: 0;
    }
    .site-carousel .col-sm-6 {
        padding: 0;
    }
    .fp-four .col-sm-6,
    .fp-apps .col-sm-6,
    .take-alook .col-lg-3 {
        padding: 0 20px;
    }
    .latest-news {
        padding-top: 3rem;
    }
    .client-logos {
        width: 100%;
        flex-wrap: wrap;
    }
    .client-logos img {
        max-width: 20%;
        margin-right: 1.5rem;
    }
    .pfour-border {
        border-left: none;
    }
    .fp-four .col-sm-6.rightcol {
        padding: 1rem;
    }
    .fp-four h6.mb-5 {
        margin-bottom: 0 !important;
    }
    .fp-statistics .w-75 {
        width: 100% !important;
    }
    .fp-statistics h1 {
        margin-top: 3rem;
    }
    #frmDemoContact.salesform .text-start {
        text-align: center !important;
    }
    #frmDemoContact.salesform .info {
        padding-left: 0;
    }
    #frmDemoContact.salesform .col-sm-7.pe-0 {
        padding-left: 0;
    }
    #userEmail-info.info {
        text-align: center;
        padding-left: 0;
        margin-left: 0;
    }
    #userEmail-info.mb-3 {
        margin-bottom: 0.5rem !important;
    }
    .take-alook .row.pb-5 {
        padding-bottom: 1rem !important;
    }
    .no-toppad {
        padding-top: 0 !important;
    }
}

@media screen and (min-width: 1901px) {
    .container,
    .fp-footer,
    .copyrights > div {
        max-width: 1620px;

        margin: 0 auto;

        width: 80%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
    .main-text {
        font-size: 2.7rem;
        line-height: 3.75rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .main-text {
        font-size: 2.7rem;
        line-height: 3.7rem;
    }
    .sm-form.w-50 {
        width: 75% !important;
    }
    .client-logos {
        margin: 0;
    }
    .container, .container.w-75, .w-75 {
        width: 95% !important;
    }
    .carousel-item h2 {
        font-size: calc(1.2rem + 0.8vw);
    }
    .carousel-item {
        min-height: 400px;
    }
    .fp-difference {
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1025px) {
    .take-alook .row {
        gap: 32px;
        justify-content:space-between
    }
    .take-alook .col-lg-3 {
        width: 22%;
    }
}
@media screen and (min-width: 769px) and (max-width: 1180px) {
    .site-carousel .carousel-item {
        min-height: 420px;
    }

    .carousel-item {
        min-height: 480px;
    }

    h1 {
        font-size: 2.3rem !important;
    }

    .client-logos {
        margin-top: 2rem;

        margin-bottom: 0;
    }

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

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

    .fp-four > .row .col-sm-6:first-child {
        flex: 0 0 auto;

        width: 40%;
    }

    .fp-four > .row .col-sm-6:last-child {
        flex: 0 0 auto;
        width: 60%;
    }

    .fp-difference > .row {
        justify-content: space-around;
         min-height: 200px;
    }

    .fp-apps .row > .col-sm-6:last-child img {
        height: 400px;
    }
}
@media screen and (min-width: 1200px) {
    .fp-difference .col-sm-6{
        padding: 0 50px;
    }
}
@media screen and (max-width: 991px) {
    .fp-counts div {
        margin-bottom: 30px;
    }    
    .fp-counts div:last-child { 
        margin-bottom: 0;
    }
    .fp-counts div:last-child {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 992px) {
    .fp-counts.w-75 {
        width: 100% !important;
    }
}