@font-face {  
    font-family: 'eudoxus-sans';    
    font-style: normal;  
    font-display: swap; 
    unicode-range: U+000-5FF;  
    src: local('eudoxus-sans'),url('./font/EudoxusSans-Regular.woff') format('woff');
}
@font-face {  
    font-family: 'eudoxus-sans';    
    font-style: normal;  
    font-display: swap; 
    font-weight:bold;  
    src: local('eudoxus-sans'),url('./font/EudoxusSans-Bold.woff') format('woff');
}
html{
    -ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
body{
    font-family: 'eudoxus-sans';
    max-width: 100vw;
    overflow-x: hidden;
    -ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
img{
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
}
/* 1. NAVBAR */
.navbar{
    padding-bottom: 0em;
}
nav .container{
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.08);
}
.navbar-nav{
    padding: 1em;
}
.navbar-brand{
    font-weight: bolder;
    font-size: 2em;
}
.nav-item{
    color: #00000099;
    font-size: 0.875em;
    margin-right: 1em;
}
.active{
    font-weight: 600;
}

/* NAVBAR END */
/* 2. HOME */
/* .home .image-container{
    position: relative;
} */

.home .text-container{
    margin-top:4em;
    margin-bottom:4em;
}
.home .section-title{
    display: inline-block;
    margin-bottom: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: 30px;
    /* font-weight: 600; */
    font-size: 0.75rem;
    background: rgba(255, 148, 73, 0.11);
    border: 1px solid rgba(255, 148, 73, 0.13);
    color: #FF9449;
}
.home .section-title img{
    margin-right: 0.5rem;
}
.home .h1-large{
    font-size:4em;
    font-weight: 700;
}
.home .p-large{
    font-size: 1.25em;
    color: #00000090;
}
.underline{
    margin-top: -3rem;
}
.btn-solid-lg{
    background: #0F6EFF;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    padding: 0.8em 1.5em 0.8em 1em;
    font-size: 1em;
    outline: none;
    border:none;
    text-align: left;
    width: 20%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    min-width: fit-content;
}
.btn-solid-lg img{
    float: right;
}
.hero-mob{
    margin-left: auto;
    margin-right: auto;
}
#platform{
    color: #0F6EFF;
}
/* .platform0{
    color: #0F6EFF;
}
.platform1{
    color: #FFBD00;
}
.platform2{
    color: #FE3D8C;
} */
@media (max-width:991px) {   
    /* .home{
        height: 70vh;
        max-height: 70vh;
        display: block;
    }  */
    /* .home .image-container img {
        position: absolute;        
        max-width: none;
        right: 0px;
        top: 10px;
    } */
}

/* HOME END */

/* 3. SERVICES */
.services > .container{
    background: #F7FAFF;
    border-radius: 50px;
    border: 1px solid #E3EEFD;
}
.services .heading-container{
    text-align: center;
    margin-top: 5em;
    margin-bottom: 3em;
}
.services .heading-container h2{
    font-weight: bolder;
    font-size: 3em;
    margin-bottom: 0em;
}
.services .heading-container p {
    color: rgba(0, 0, 0, 0.5);
    font-size:  1.25em;
}
.services .image-container{
    text-align: center;            
}
.service-container{
    display: table;
    height: 100%;
}
.service-container > div{
    display: table-cell;
    vertical-align: middle;
}
.service-container p {
    margin-bottom: 0px;
    color: #00000080;
}
.service-container h3 {
    font-weight: 700;
}
.services .service{
    margin: 1em 1em;    
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 1em;
   
}
.active-service{
    border: 1.5px solid #D6E8FF;
    border-radius: 0px 30px 30px 0px;
    background: #FFFFFF;
    box-shadow: #CCE3FF 0px 5px 15px;
    -moz-box-shadow: #CCE3FF 0px 5px 15px;
    -webkit-box-shadow: #CCE3FF 0px 5px 15px;
}
.active-service1{
    border-left: 5px solid #FBBB00;
}
.active-service2{
    border-left: 5px solid #3BB745;
}
.active-service3{
    border-left: 5px solid #6F7EF4;
}
.service-line{
    margin: 0em 1.5em;
    height:1.5px;
    opacity: 1;    
    background-color: #D6E8FF;
}
#line-up{
    visibility: hidden;
}
/* .service2{  
    margin: 1em 1em!important;
    padding-top: 3em!important;
    padding-bottom: 3em!important;
    border-bottom: 1.5px solid #D6E8FF;   
    border-top: 1.5px solid #D6E8FF;   
} */
/* .services .service:nth-child(2){
    border-bottom: 1.5px solid #D6E8FF;
    border-radius: 0px 30px 30px 0px; 
} */

/* SERVICES END */
/* 4. FEATURES */
.features .heading-container{
    text-align: center;
    margin-top: 5em;
    margin-bottom: 3em;
}
.features .heading-container h2{
    font-weight: bolder;
    font-size: 3em;
    margin-bottom: 0em;
}
.features .heading-container p {
    color: rgba(0, 0, 0, 0.5);
    font-size:  1.25em;
}
.features .heading-container h2 img{
    margin-left: -4.3em;
    width: 4.6em;
    margin-top: -0.4em;
}
.feature{
    border: 1.5px solid #E7F1FF;
    border-radius: 30px;
    padding:1.5em;
    margin-bottom: 1.5em;
}
.feature p {
    margin-bottom: 0em;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.5);
}
.feature h3, .feature6 > div{
    font-weight: 700;
    font-size: 1.5em;
    margin:0.5em 0em;
}
.feature6{
    border: none;
    text-align: left;
}
.btn-app{
    background: #0F6EFF;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    padding: 0.8em 1.5em 0.8em 1em;
    font-size: 1em;
    outline: none;
    border:none;
    text-align: center;
    width: 40%;
    margin-top: 1em;
    margin-bottom: 1.5em;
    min-width: fit-content;

}
/* FEATURES END */
/* 5.STEPS */
.steps .container{
    padding:5em 0em 0em 3em;
    color: #fff;
}
.steps > .container{
    background: #093D8A;
    border-radius: 50px;
}
.steps h2{
    font-size: 3em;
    font-weight: 700;
}
.steps h2 img{
    margin-left: -5em;
    margin-bottom: -1.2em;
    width: 5em;
}
.step-dot{
    height: 4em;
    width: 4em;
    border-radius: 50%;
    display: inline-block;
    background: #315C9D;
    /* backdrop-filter: blur(12px); */
    margin-left: -2.8em;
}

.step-dot > div{
    font-size:2.5em;
    text-align: center;
    font-weight:700;
    margin-left: 0.2em;
}
.step-by-step{
    margin-top:1.5em;
}
.step-by-step .row:not(:last-child){
    border-left: 2px dashed;
    border-left-color: rgba(255, 255, 255, 0.6);
}
.step-by-step h3{
    font-weight: 700;
    margin-top: 0.5em;
}
.step-by-step p{
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
}
/* STEPS END */
/* 6. BEST FEATURES */
.bestfeatures .heading-container{
    text-align: center;
    margin-top: 5em;
    /* margin-bottom: 3em; */
}
.bestfeatures .heading-container h2{
    font-weight: bolder;
    font-size: 3em;
    margin-bottom: 0em;
}
.bestfeatures .heading-container p {
    color: rgba(0, 0, 0, 0.5);
    font-size:  1.25em;
    padding-left: 2em;
}
.bestfeatures .heading-container h2 img{
    margin-top: -1em;
}
.bestfeatures .ai {
    color: #000;
    text-decoration: underline;
}
/* .bestfeatures .image-container img{ */
    /* width: 100%;
    height: 30em; */
/* } */
.bestfeatures .container .row:nth-of-type(3){
    background: #F7FAFF;
    border-top: 1px solid #E3EEFD;
    border-bottom: 1px solid #E3EEFD;
    border-radius: 15px;
}
.bestfeatures .text-container{
    display: table;
    height: 100%;
}
.bestfeatures .text-container div{
    display: table-cell;
    /* text-align: center; */
    vertical-align: middle;
}
.bestfeatures .text-container h3{
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size:2.5em;
}
.bestfeatures .text-container p{
    color: rgba(0, 0, 0, 0.5);
}
/* BESTFEATURES END */
.store .fluid-container{
    background: #0F6EFF;
}
.store .fluid-container .row{
    --bs-gutter-x:0;
}
.store .image-container{
    text-align: center;
}
.store .text-container{
    color: #fff;
    display: table;
    height: 100%;
}
.store .text-container div{
    display: table-cell;
    /* text-align: center; */
    vertical-align: middle;
}
.store .text-container h2{
    font-weight: 700;
    font-size: 3em;
}
/* .store .text-container p{
    font-size: 1.5em;
} */
/* STORE END */
/* 8. CONTACT  */
.contact .container{
    /* background: #F6FAFF; */
    padding-top: 2.5em;
    padding-bottom: 1.5em;
    color: #00000080;
}
.contact .container .row > div{
    margin-top: 1em;
}
.contact h6, .contact .brand-name{
    font-weight: bolder;
    color: #000;
}
.brand-name{
    font-size: 1.4em;
}
.contact .brand img{
    vertical-align: bottom;
    margin-right: 0.3em;
}
.contact a {
    display: block;
    text-decoration: underline!important;
    text-decoration-color: #00000080!important;
    color: #00000080;
}
.contact h6{
    margin-bottom: 1em;
}
.contact .brand{
    margin-bottom: 0.5em;
}
.contact p{
    width: 60%;
    text-align: justify;
    line-height: 1.5em;
}
.brand-mobile{
    text-align: center;
}
.brand-email{
    text-align: right;
}
.contact .container .row:nth-of-type(1){
    padding-bottom: 1.5em;
    border-bottom: 1.5px solid #E2EEFD;

}
.contact .container .row:nth-of-type(2){
    padding-top: 1.5em;
}
.contact .container .row:nth-of-type(2) img{
    margin-right: 0.3em;
}
.brand-mobile span, .brand-email span{
    text-decoration: underline;
}
.badge{
    background: #FF4B56;
    border: 0.5px solid #FFA0A6;
    padding: 0.25em 0.65em;
    border-radius: 5px;
    font-weight: 100;
    font-size:0.7em;
}
/* CONTACT END */
/* 9. FOOTER */
.footer .fluid-container{
    background: #093D8A;
    color: #fff;
    padding-top: 1em;
    padding-bottom: 1em;

}
.footer .fluid-container .row{
    --bs-gutter-x:0;
}
.footer .social{
    text-align: right;
}
.footer .copyright{
    text-align: center;
}
.footer .policy span{
    text-decoration: underline;
    color:#fff;
}

.footer-links a:nth-of-type(2){
    margin-top:0.5em;
}

.footer img{
    margin-right: 0.3em;
    margin-left: 0.3em;
}
/* .footer > .fluid-container > .container, 
.home > .fluid-container > .container, 
.services > .container,
.features > .container,
.contact > .container,
.steps > .container,
.bestfeatures > .container,
.navbar > .container{
    min-width: 85vw;
} */

/* RESPONSIVE */
@media only screen and (max-width: 992px) {
    
    nav .container{
        padding-bottom: 0.5em;
    }
    .home .text-container{
        margin-bottom: 0em;
    }
    .home, .home .h1-large {
      text-align: center;
    }
    .home .underline{
        margin-left: -17em;
    }
    .home .btn-solid-lg{
        min-width: fit-content;
    }
    .home .btn-solid-lg img{
        margin-left: 0.5em;
    }

    .services .image-container{
        border-bottom: 1px solid rgba(0, 0, 0, 0.17);
    }
    .feature, .feature h1, .feature p{
        text-align:center;
    }
    .features .heading-container p{
        font-size: 1em;
    }
    .feature6{
        text-align: left;
        padding: 0em;
    }
    .steps h2 img{
        margin-left: -4em;
        width: 3.5em;
    }

    .bestfeatures .text-container{
        margin-top: 1em;
    }
    .bestfeatures .text-container div{
        text-align:center;        
    }
    .services .heading-container p, .bestfeatures .heading-container p {
        font-size: 1em;
        padding-left: 0em;
    }
    .bestfeatures .text-container div > * {
        text-align:center;
    }
    .bestfeatures .text-container h3{
        font-size: 6vw;
    }

    .store .text-container{
        padding: 3em 1em 0em 1em;
        text-align:center;
        width: 100%;
    }
    .contact p{
        width: 100%;
    }
    .contact .container .row div{
        text-align: left;
    }
    .social, .copyright, .policy{
        text-align: center!important;
    }
    .steps .image-container img, .store .image-container img{
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    .steps .container{
        border-radius: 30px;
    }
    .step-by-step .container{
        margin-bottom: 1em;
    }
    .steps > .container{
        background-image: url(img/grains-mob.webp);
        background-position: left bottom;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .step-by-step{
        margin-right: 0.5em;
        /* text-align: justify; */
    }
    /* .step-by-step .text-container p{ 
        text-align: justify;
    } */
    .store > .fluid-container{
        background-image: url(img/mask-mob.png);
        /* background-size: contain; */
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 100% 80%;
    }
    
}
@media only screen and (min-width: 992px) {
    .nav-item:nth-child(1):before{
        content: "";
        position: absolute;
        width: 4em;
        height: 1px;
        bottom: 0;
        /* left: 3%; */
        border-bottom: 3px solid #0F6EFF;
    }
    nav .container{
        padding-left: 0em;
        padding-right: 0em;
    }
    .home .text-container{
        margin-top:6em;
        margin-bottom:9em;
    }

    .hero-image{
        /* position: absolute; */
        /* width: 44vw; */
        /* top:15vh; */
        /* right: 0px;
        z-index: -1;
        bottom:0px;
        width: 40vw; */
        margin-top:1em;
    }
    .home .container{
        /* height:78vh; */
        background: url(img/hero2.webp);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 56%;
    }

    .home .h1-large{
        font-size:4em;
        letter-spacing: -0.03em;
        word-spacing: 0.05em;
    }
    /* .home .fluid-container{
        background: url('img/hero.png') no-repeat;
        background-position: right bottom; 
    } */
    .steps > .container{
        background-image: url(img/grains.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-top: 3em;
    }
    .store > .fluid-container{
        background-image: url(img/mask.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .step-by-step .image-container{
        text-align: center;
    }
    .step-by-step .container > .row{
        padding-bottom: 1em;
    }
}
@media only screen and (max-width: 576px) {
    /* #platform{
        display: block;
    } */
    .mob-service .service-container{
        padding-left: 0em;
        padding-right: 0em;
    }
    /* .service-container h4{
        font-size: 4vw;
    } */
    .step-by-step{
        margin-top:1em;
    }
    .step-by-step .container{
        margin-left: 1.5em;
    }
    /* .steps .container .row:nth-of-type(1){
        margin-right: 0px;
    } */
    .steps .container {
        padding: 3em 1em 0em;
    }
    .steps h2 {
        text-align: justify;
    }
    .features .heading-container h2, .services .heading-container h2, .bestfeatures .heading-container h2{
        font-size: 8vw;
    }
    .services .service{
        margin-left: 0em;
        margin-right: 0em;
    }
}
@media only screen and (max-width: 395px) {
    .home .underline{
        margin-top: -12em;
        margin-left: 0em;
    }
}
.services .mob-service{
    border-radius: 0px 0px 30px 30px!important;
    margin-bottom: 1em;
    padding-bottom: 2em;
    border: 1.5px solid #D6E8FF;
    background: #FFFFFF;
}
.services .mob-service .col-lg-2{
    text-align: center;
}
.services .mob-service .col-lg-2 img{
    margin-bottom: 1em;
}
.services .mob-service1{
    border-top: 4px solid #3BB745;
}
.services .mob-service2{
    border-top: 4px solid #F87A1D;
}
.services .mob-service3{
    border-top: 4px solid #6F7EF4;
}
.mob-service1, .mob-service3{
    display: none;
}
.dot{
    height: 6px;
    width: 6px;
    background-color: #D8DEE6;
    border-radius: 50%;
    display: inline-block;
}
.active-dot{
    background-color:#0F6EFF ;
}
.my-carousel{
    margin-bottom: 2em;
}
.my-carousel .container{
    text-align: center;
}
.arrow{
    outline: none;
    border:none;
    padding: 0.15em 0.5em 0.3em;
    border-radius: 5px;
}
.arrow img{
    vertical-align: auto;
}
.left-arrow{
    margin-right: 1em;
}
.right-arrow{
    margin-left: 1em;
}

/* PRIVACY POLICY & TERMS */
.title-container{
    background-color: #093D8A;
    background-image: url(img/overlay.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 40vh;
    position: relative;
    z-index: -1;
}
.title-container div{
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.zigzag{
    margin-top: -2em;
    width: 10em;
}
.title-container h1{
    color: #fff;
    font-weight: 700;
    font-size: 3em;
}
/* Policy */
.privacypolicy, .termsandservices{
    text-align: justify;
    margin-bottom: 3em;
    box-shadow: #CCE3FF 6px 9px 24px -9px;
    -moz-box-shadow: #CCE3FF 6px 9px 24px -9px;
    -webkit-box-shadow: #CCE3FF 6px 9px 24px -9px;    
    padding:3em;
    border: 1.5px solid #E0EEFF;
    border-radius: 30px;
    background-color: #fff;
    margin-top: -8vh;
    color:rgba(0, 0, 0, 0.5);

}
.privacypolicy h2, .termsandservices h2{
    color: #000;
    font-weight: 700;
    font-size:1.5em;
    margin-bottom: 2rem;
    margin-top:2rem;
    text-align: left;
}
.privacypolicy b, .termsandservices strong, .termsandservices b {
    color: #000;
}
.link-text{
    white-space: nowrap;      
    overflow: hidden;      
    text-overflow: ellipsis;
}
.termsandservices h2:first-child{
    margin-top:0em;
}