* {
    padding: 0;
    margin: 0;

    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


input:focus, input.form-control:focus, textarea.form-control:focus, select.form-control:focus, .btn-group:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-rounded {
    border-radius: 10rem;
}


.btn-min-width{
    min-width: 100px;
}

.font-weight-bold{
    font-weight: bold;
}

.font-weight-bold{
    font-weight: bolder;
}

.fs-small{
    font-size: small;
}

.fs-large{
    font-size: large;
}
.fs-larger{
    font-size: larger;
}

.text-brand-color{
    color: #e9c529;
}



/*----------------------------*/

.btn-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: white;
    padding: 20px;


    box-shadow: 2px 2px 17px -2px rgba(0,0,0,0.45);
    -webkit-box-shadow: 2px 2px 17px -2px rgba(0,0,0,0.45);
    -moz-box-shadow: 2px 2px 17px -2px rgba(0,0,0,0.45);
}

.btn-circle:hover {
    background-color: #e8c013;
}






.service{
    padding: 5px;
}

.service .title{
    margin-top: 10px;
    font-weight: bolder;
}

.hero{
    max-width: 1000px;
    margin: 0 auto;

}

.hero .heading{
    font-size: 30px;
    font-weight: bolder;
    margin-bottom: 10px;
}


.hero .title{
    font-size: 16px;
}


.services-heading{
    font-size: 20px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bolder;
}


.btn-sign-in{
    font-weight: bolder;
    background-color: #e8c013;
    border-radius: 20px;
    margin: 5px;
    min-width: 100px;
}


.btn-register{
    font-weight: bolder;
    border-radius: 20px;
    border: 1px solid black;
    margin: 5px;
    min-width: 100px;
}


.logo{
    width: 60px;
}

.logo-splash{
    width: 100px;
}

.logo-text{

    color: #434343;
}



.service .image{
    width: 100%;

}



.btn-english{
    font-weight: bolder;
    background-color: #e8c013;
    border-radius: 20px;
    margin: 5px;
    min-width: 100px;
}


.btn-urdu{
    font-weight: bolder;
    border-radius: 20px;
    border: 1px solid black;
    margin: 5px;
    min-width: 100px;
}



.custom-button{
    font-weight: bolder;
    background-color: #e8c013;
    border-radius: 20px;
    min-width: 100px;
    width: 100%;
}


.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}


/*------------Form------------*/

.form-control {
    padding: 15px;
    background-color: #fdfdfd;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

/*-----------/Form------------*/




/*------------Link------------*/

a.custom-link:link, a.custom-link:visited, a.custom-link:active {
    color: #e8c013;
    text-decoration: none;
    font-weight: bolder;
}

a.custom-link:hover{
    color: #000000;
    text-decoration: none;
}



a.brand-link:link, a.brand-link:visited, a.brand-link:active, a.brand-link:hover {
    color: black;
    text-decoration: none;
}

/*-----------/Link------------*/



/*-----------Social------------*/

.btn-social-circle-icon {

    border-radius: 50px;
    border: 1px solid #383838;

    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 8px;

}

.btn-social-circle-icon i{
    font-size: 15px;
}


.btn-social-circle-icon:hover {
    background-color: #e8c013;
    color: black;

    border: 1px solid #e8c013;
}

/*-----------Social------------*/





/*------------Language Button------------*/

    #language_switch .notActive{
        color: #000000;
        background-color: #fff;
    }

    .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
        color: #000000;
        background-color: #e8c013;
        border-color: #e8c013;
    }


    .btn-primary {
        border-color: #000000;
    }



    .btn-group-sm>.btn, .btn-sm {
        border-radius: 1.2rem;
        font-size: 10px;
    }


    .languages{
        margin-top: -5px;
        margin-left: 10px;
    }


/*-----------/Language Button------------*/









#form_options .notActive {
    color: #000000;
    background-color: #fff;
}







.form-check-input:checked {
    background-color: #66c61a;
    border-color: #66c61a;
}



.social-top{
    margin-top: 0.5rem!important;
}



.dropdown-menu {
    background-color: #e8c013;
}





.select2-container--default .select2-selection--single {
    border-radius: 8px;
    background-color: #fdfdfd;
    border: 1px solid #d7d7d7;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 14px;
    right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 51px;
}

.select2-container .select2-selection--single {
    height: 56px;
}

/*------------------ Material and Product ------------------*/

a.custom-card-link:link{
    color: gray;
    text-decoration: none;
}

a.custom-card-link:hover .card{
    background-color: #e8c013;
    color: black;
}

/*------------------ Material and Product ------------------*/

@media only screen and (max-width: 767px)  {

    .btn-sign-in{
        min-width: 60px;
        font-size: 10px;
    }


    .btn-register{
        min-width: 60px;
        font-size: 10px;
    }

    .logo{
        width: 40px;
    }


    .logo-text{
        font-size: small;
    }


    .hero .heading{
        font-size: 20px;
    }

    .hero .title{
        font-size: 12px;
    }

    .services-heading{
        font-size: small;
    }

    .service .title {
        font-size: 12px;
    }

    .btn-circle{
        width: 80px;
        height: 80px;
        padding: 15px;
    }


    .copyright{
        font-size: 10px;
    }



    /*  -----------------------  */

    .languages{
        display: none;
    }



    /*  ----------------------------  */

    .btn-social-circle-icon {

        width: 25px;
        height: 25px;
        padding-top: 0px;



    }

    .btn-social-circle-icon i{

        font-size: 12px;
        margin-left: -5px;
    }



    .social-top{
        margin-top: 0 !important;
    }




}