﻿/*****Common Styles*****/
body, div, a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000000;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    margin-bottom: 15px;
    font-weight: 700;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 500;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 500;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 500;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 500;
}

h6 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 500;
}

a {
    text-decoration: none;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }

p {
    margin: 0 0 10px 0;
    font-size: 12px;
}

.container {
    max-width: 1170px;
    width: 100%;
}

.text_red {
    color: #ff0024;
}

.text_blue {
    color: #1975d0;
}

.text_orange {
    color: #ff9600;
}

.text_grey {
    color: #777777;
}

section {
    padding: 60px 0px;
}

:root {
    --orange__back: #ff9600;
    --blue__back: #1975d0;
    --green__back: #46a109;
    --red__back: #ff0024;
    --darkgreen__back: #0bba45;
    --gray__back: #e8e8e8;
    --darkgray__back: #747474;
}

.orange__back {
    background-color: var(--orange__back);
}

.blue__back {
    background-color: var(--blue__back);
}

.green__back {
    background-color: var(--green__back);
}

.red__back {
    background-color: var(--red__back);
}

.darkgreen__back {
    background-color: var(--darkgreen__back);
}

.gray__back {
    background-color: var(--gray__back);
}

.darkgray__back {
    background-color: var(--darkgray__back);
}


/**Signup header css starts**/

.sign_up_heading h2 {
    border-bottom: 5px solid #000;
}

.sign_up_heading h3 {
    font-size: 25px;
}

.sign_up_heading a {
    text-decoration: underline;
    font-size: 25px;
    font-weight: 400;
}

.query_text span {
    color: #949292;
    font-weight: 400;
}

    .query_text span.call_text {
        font-weight: 400;
        color: #000;
    }
/**Signup header css ends**/


/**Sign up form css starts**/
.sign_up_form .captha_one {
    padding: 0px 5px;
}

.sign_up_form .captha_two {
    padding: 0px 5px;
}

.sign_up_form .submit_btn a {
    font-size: 25px;
    font-weight: 500;
    padding: 10px 50px;
    border-radius: 5px;
    background: #0060ff;
}

.sign_up_form .form-control {
    border-color: #a1a1a1 !important;
}

.sign_up_form .form-group {
    margin-bottom:5px;
}

.sign_up_form .form-control:focus {
    border-color: #0060ff !important;
    box-shadow: none !important;
}

/**Sign up form css ends**/


/*****************************************************RESPONSIVE CSS*******************************************************/

/*

 * Table of Contents:

 * 	   - Media Queries

 *   0 - media screen and (max-width: 1170px)

 *   1 - media screen and (max-width: 1152px) 

 *   2 - media screen and (max-width: 1024px)

 *   3 - media screen and (max-width: 992px)

 *   4 - media screen and (max-width: 800px)

 *   5 - media screen and (max-width: 768px)

 *   6 - media screen and (max-width: 728px)

 *   7 - media screen and (max-width: 640px)

 *   8 - media screen and (max-width: 500px)

 *   9 - media screen and (max-width: 480px)

 *  10 - media screen and (max-width: 414px)

 *  11 - media screen and (max-width: 375px)

 *  12 - media screen and (max-width: 360px)

 *  13 - media screen and (max-width: 320px)

---------------------------------------------------------------------- */
@media screen and (max-width:1170px) {
    .container {
        padding: 0px 15px;
    }
}

@media screen and (max-width:767px) {
    .sign_up_heading {
        width: 100%;
    }

    .query_text {
        width: 100%;
    }
}
