html {
    scroll-behavior: smooth;
    /* -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; */
} 

:root {
    --saas-colour-1: #0468BE;
    --saas-colour-2: #FA364D;
    --saas-colour-3: #36ADB4;
    --saas-colour-4: #172E5B;
    --saas-colour-5: #F25E0F;
}

.saas-modal-bg_1 {
    background-image: url('/cmspages/images/website-new/saas-img/contactformbg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.saas-inquiry {
    background-color: white;
    padding: 10px;
}

.saas-inquiry h4 {
    color: var(--saas-colour-4);
    /* font-family: cursive; */
    font-family: "Roboto", sans-serif;
}
.inqiery-border{
    border: 1px solid grey;
}
.saas-inquiry .saas-inquiry-form label {
    display: block;
    width: 100%;
    margin: 8px 0px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding: 8px 6px;
    color: grey;
}

.Development {
    margin: 2px !important;
    padding: 0px !important;
}
.Development .service{
    margin-right: 4px;
}

.saas-inquiry .saas-inquiry-form-1 label input {
    border: none;
    text-align: left;
    outline: none;
    font-family: 'Roboto', sans-serif;
    color: rgb(66, 66, 66);
    width: 100%;
}

.saas-inquiry .saas-inquiry-form label ::placeholder {
    text-align: left;
    color: grey;
}

.saas-inquiry .saas-inquiry-form label textarea {
    margin: 0px;
    resize: none;
    border: none;
    width: 100%;
    color: rgb(66, 66, 66);
}

.saas-inquiry .saas-inquiry-form-2 .btn {
    background-color: var(--saas-colour-4);
    color: white;
    font-family: 'Roboto', sans-serif;
    padding: 0.6rem 2rem;
    font-size: 1rem;
    border-radius: 20px;
    margin-top: 0.5rem;
}

.saas-page,
.software-development {
    margin-bottom: 4%;
}

.saas-page .banner-saas,
.software-development .banner-saas {
    margin: 0px -15px;
}

.saas-page .saas-header-img,
.software-development .saas-header-img {
    margin-top: 1%;
    padding: 18px 0px;
}

.saas-header-img img {
    width: 25%;
}

.saas-content-bg {
    background-color: #fff7e2;
    margin: 0px -15px;
    padding: 0px 15px 8px 15px;
}

.saas-content-p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-align: justify;
    line-height: 2;
}

.reality {
    padding: 10px 0px;
    color: var(--saas-colour-2);
    font-weight: bold;
}

.app-para {
    font-weight: bold;
    color: var(--saas-colour-4);
}

.artificial {
    font-weight: bold;
    color: var(--saas-colour-5);
}

.saas-content .saas-content-btn {
    background-color: var(--saas-colour-2);
    color: white;
    font-family: 'Roboto', sans-serif;
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 16px;
}

.saas-content .saas-content-btn_1 {
    background-color: var(--saas-colour-3);
}

.saas-content .saas-content-btn_2 {
    background-color: var(--saas-colour-4);
}

.saas-content .saas-content-btn_3 {
    background-color: var(--saas-colour-5);
}

.saas-content h2 {
    color: var(--saas-colour-2);
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.saas-content ul {
    margin-left: 22px;
    list-style: inherit;
}

.saas-content ul li {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 5px 0px;
    line-height: 2;
}

.saas-why-us {
    margin-top: 1rem;
}

@media (max-width: 468px) {
    .button1 {
        right: -5.5% !important;
    }

    .saas-content h2 {
        font-size: 20px;
    }
}

@media(min-width: 993px) {

    .saas-page,
    .software-development {
        margin-top: 7.1%;
    }
}

@media screen and (max-width: 992px) {
    .saas-content-img img {
        margin: 0px auto;
    }

    .saas-content .saas-content-btn {
        margin-bottom: 8px;
    }

    .saas-content-p {
        font-size: 15px;
    }
}