@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap');

html {
  position: relative;
  min-height: 100%;
}
body {
    background-color: #020f22;
    background-image: url(/img/bg-highlight-dark-new.svg);
    background-size: cover;
    font-size: 0.975rem;
    background-attachment: fixed;
    font-weight: 400;
    color: #fff;
    font-family: Montserrat,sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
     
}

.navbar-brand img {
    height: 60px;
}
.nav-link {
    font-weight: 400;
    color: #fff !important;
    font-size: 1.205rem;
}
.nav-control {
    font-size: 0.875rem;
}
.lang-control a {
    color: #fff !important;
    text-decoration: none;
}
.nav-control img {
    height: 36px;
}
.hero {
    height: 55vh;
    background: url(/img/ai-robot.webp);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.hero-wrapper {
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.hero-body {
    width: 66vh;
}
    .hero-body span {
        font-size: 3.5rem;
        font-weight: 100;
        letter-spacing: 0.25rem;
    }
.card {
    border-radius: 0rem;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.0);
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
 
    section p.info {
        font-size: 1.35rem;
        line-height: 1.75rem;
        font-weight: 300;
    }
section {
    padding: 4rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
section h2 {
    text-align: center;
    font-weight: 300;
    font-size: 3rem;
     
}
section h3 {
    text-align: center;
    font-weight: 500;
    font-size: 1.15rem;
}
section .card-body {
    padding: 3rem;
}
    section .card-body h4 {
        margin-bottom: 2rem;
        font-weight: 700;
        font-size: 1.125rem;
    }
.gradient {
    background: url(/img//gradient.webp);
    transform: rotate(185deg);
    position: absolute;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}

.g-body {
    position: relative;
    z-index: 2;
}
.btn-main {
    background: #fff;
    font-size: 0.925rem;
    color: #020f22;
    font-weight: 600;
    border-radius: 0rem;
    padding: 0.5rem 1.5rem;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
    .btn-main:hover {
        background: rgba(0,0,0,0.15);
        color: #fff;
        border: 1px solid rgba(255,255,255,0.15);
    }

 

.whatsapp {
    position: fixed;
    right: 25px;
    bottom: 25px;
}
    .whatsapp img {
        height: 48px;
    }

.page h1 {
    font-size: 3rem;
    font-weight: 100;
}

.contact-form input, .contact-form textarea {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(0,0,0,0.1);
    background-clip: padding-box;
    border: none;
    border: 1px solid rgba(255,255,255,0.15);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-loading .spinner-border {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.btn-loading .las {
    font-size: 20px;
    margin-right: 5px;
}

.btn-loading[data-state=""] .error, .btn-loading[data-state=""] .ok, .btn-loading[data-state=""] .loading {
    display: none;
}

.btn-loading[data-state="loading"] .loading {
    display: block;
}

.btn-loading[data-state="loading"] .error, .btn-loading[data-state="loading"] .ok {
    display: none;
}

.btn-loading[data-state="ok"] .ok {
    display: block;
}

.btn-loading[data-state="ok"] .error, .btn-loading[data-state="ok"] .loading {
    display: none;
}

.btn-loading[data-state="error"] .error {
    display: block;
}

.btn-loading[data-state="error"] .ok, .btn-loading[data-state="error"] .loading {
    display: none;
}
.features {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .features li {
        font-size: 0.95rem;
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

        .features li .dash {
            height: 1px;
            width: 30px;
            background: rgba(255,255,255,0.2);
            margin-right: 15px;
        }

        .features li div:last-child {
            width: 100%;
        }
.ticons span {
    font-size: 32px;
    margin-right: .5rem;
    color: #fff;
    opacity: 0.15;
}

.app-icons span {
    margin-right: 1rem;
    font-size: 64px;
    color: #000;
    opacity: 0.5;
}
#footer {
    margin-top: 4rem;
    padding: 1rem 0;
}
.c-links {
    display: flex;
    flex-wrap: wrap;
}

    .c-links a {
        display: block;
        font-weight: 400;
        font-size: 0.835rem;
        padding: 0.5rem 0rem;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
        
        margin-right: 0.5rem;
        margin-top: 0.5rem;
        width: 10%;
        min-width: 150px;
        text-decoration: none !important;
    }

        .c-links a:hover {
            background-color: rgba(0,0,0,0.25);
            text-decoration: none;
        }

.c-icons img {
    max-height: 48px;
    opacity: 0.5;
}
.app-icons2 span {
    margin-right: .5rem;
    font-size: 32px;
    color: #000;
    opacity: 0.5;
    display: inline-block;
}

.fw-600 {
    font-weight: 600;
}
.lets {
    font-size: 4rem;
    font-weight: 100;
    
}
.navbar-toggler {
    border: 0;
    color: #fff !important;
    opacity: 1;
    padding: 0;
}
.navbar-toggler-icon {
    width: 2.5rem;
    
}

#nav-icon {
    width: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
}
    #nav-icon span {
        display: block;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 0.25rem;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
        #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
            margin-top: 5px;
        }
        #nav-icon span:nth-child(3) {
            width: 50%;
            margin-left: auto;
        }

        #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
            margin-top: 5px;
        }
@media(max-width: 767px) {
    .navbar-brand img {
        height: 48px;
    }
    .hero-body span {
        font-size: 1.5rem;
        font-weight: 500;
        letter-spacing: 0.25rem;
    }
    .hero-body {
        width: auto;
    }
    .hero {
        background-position: -75% bottom;        
    }
    section p.info {
        font-size: 1.05rem;
        line-height: 1.15rem;
        
    }
    section h2 {
        
        font-size: 2rem;
    }
    section .card-body {
        padding: 2rem;
    }
    .page h1 {
        font-size: 2rem;
        
    }

}