@media (max-width: 575.98px) {
        .contact {
            height: 250px !important;
        }
    }
    
    @media (min-width: 576px) and (max-width: 767.98px) {
        .contact {
            height: 250px !important;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991.98px) {
        .contact {
            height: 250px !important;
        }
        .form-padding {
            padding: 50px !important;
        }
        .contact-h {
            height: 700px !important;
        }
        .form-inline {
            display: block !important;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .contact {
            height: 250px !important;
        }
        .form-padding {
            padding: 50px !important;
        }
        .contact-h {
            height: 700px !important;
        }
    }
    
    @media (min-width: 1200px) {
        .contact {
            height: 250px !important;
        }
        .form-padding {
            padding: 50px !important;
        }
        .contact-padding {
            padding: 50px !important;
        }
        .contact-h {
            height: 595px !important;
        }
    }

    .loader {
        border: 4px solid #f3f3f3;
        /* Light grey */
        border-top: 4px solid #3498db;
        /* Blue */
        border-radius: 50%;
        width: 16px;
        height: 16px;
        animation: spin 1s linear infinite;
        display: none;
        margin-left: 20px;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .btn-loader {
        display: inline-flex;
        align-items: center;
    }

    .btn-loader .loader {
        margin-left: 10px;
    }

    .btn-loader {
        display: inline-flex;
        align-items: center;
    }

    .btn-loader .loader {
        margin-left: 10px;
    }
 
    .info-bg {
        background-color: #3A3E98;
    }

    .info-color {
        color: #3A3E98;
    }

    .header {
        background-color: #00d2ff;
        background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 100%);
    }

    /*First Header Style*/

    .ff-header {
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ff-header2 {
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
    }

    .ff-header3 {
        font-family: 'Poppins', sans-serif;

    }

    .ff-header4 {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .info-bg {
        background-color: #3A3E98;
    }

    /*End First Header Style*/
    /*Second Header*/

    .navbar {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #ABCDEF;
    }

    .navbar ul {
        list-style-type: none;
        /*to remove bullets*/
        text-align: center;
        padding: 0px;
        zoom: 1;
        overflow: hidden;
    }

    .navbar li {
        padding: 2px;
        width: 100px;
        display: inline-block;
    }

    .navbar .navbar-nav .nav-link {
        color: #343a40 !important;
    }

    .navbar .nav-item.active .nav-link,
    .navbar .nav-item:hover .nav-link {
        color: #3A3E98 !important;
    }

    /*End Of Second Header*/
    /* Inserting a picture on the background */

    .picture {
        background: url(../src/images/services.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .picture-form {
        background: url(../src/images/contact.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: relative;
    }