body{
    font-family: 'Montserrat', sans-serif;
}
.row{
    margin: 0px;
}
input:hover, input:focus, button:hover, button:focus
{
	outline: none;
}
input[placeholder], [placeholder]{
	
	font-size: 14px !important;
	color: rgba(107, 107, 107, 1);
}

input,
button {
    outline: none;
}

input:hover {
    border-color: rgba(0, 0, 0, .5) !important;
}

input:focus,
input:focus:active,
button:focus,
button:focus:active {
    outline: none !important;
    border-color: #29B6F6 !important;
}

.form-control {
    font-size: 14px;
    color: rgba(0, 0, 0, 1) !important;
    box-shadow: none !important;
    border-radius: 2px;
    height: 40px;
}

.form-control:focus {
    border: 1px solid #ccc;
}

input[readonly].valid,
input[readonly].valid,
.form-control[readonly].valid:focus,
.form-control[readonly].valid:focus:active{
    border-color: rgba(0, 0, 0, 0.2) !important;
    background-color: #eceeef !important;
    background-image: none !important;
}

input::placeholder {
    color: rgba(0, 0, 0, .4) !important;
    background: none !important;
}

input {
    color: rgba(0, 0, 0, 1) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill:focus:active,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}


/*commmon form*/
.common-form .form-group label{
	display: block;
	padding-bottom: 5px;
	color: #6D6F72;
	font-size: 14px;
}
.common-form .form-group label span,
label span.imp-field{
	color: rgba(228,20,39,1);
}
.common-form.category-section label span.label-note,
label span.label-note{
    color: rgba(0, 0, 0, 0.7) !important;
    font-size: 12px;
}
.common-form .select2{
	width: 100% !important;
}
.common-form .select2-selection{
	height: 40px;
	border: 1px solid #E1E1E1;
	border-radius: 2px !important;
}
.common-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f6f6f6;
    border: 1px solid rgba(170, 170, 170, 0.47) !important;
    border-radius: 2px;
    padding: 3px 5px;
}
.common-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple{
	border: 1px solid rgba(170, 170, 170, 0.47) !important;
	outline: 0;
	box-shadow: none;

}
.common-form .form-group {
    margin-bottom: 25px;
}

.common-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: 6px 1.5em 6px 10px;
    outline: 0;
    margin-bottom: 0px;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    height: 44px;
    width: 100%;
}

.common-padding{
	padding: 30px 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
}
.select2-selection:focus,
.select2-selection:hover{
    outline: 0px !important;
    box-shadow: none !important;
}

/* button */
.btn{
	text-transform: uppercase;
	outline: 0px;
	outline-offset: 0px;
	padding: 10px 25px;
    border-radius: 2px;
    /*width: 160px;*/
}
.btn-bg{
	background-color: #347ab7;
	color: #ffffff !important;
	font-size: 14px;
}
.btn-bg:focus,
.btn-bg:hover,
.btn-bg:active,
.btn-bg:active:focus{
	background-color: #459ce8;
	color: #fff;
}
.btn-outline{
	background-color: #fff;
	color: #50516D;
	font-size: 14px;
	border: 1px solid #50516D;
}
.btn-outline:focus,
.btn-outline:hover,
.btn-outline:active,
.btn-outline:active:focus{
	    border: 1px solid #3682c5;
    background-color: rgba(41, 136, 220, 0.3);
	color: #50516D;
}
.razorpay-payment-button
{
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 2px;
    background-color: #347ab7;
    color: #ffffff !important;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: 1px solid transparent;
}
.razorpay-payment-button:hover,
.razorpay-payment-button:focus{
    outline: 0;
    box-shadow: none;
    border: 1px solid transparent;
}

.payment-section{
    text-align: center;
    padding: 25px 0;
}

.h-font {
    font-size: 55px;
    margin-top: 30px;
    text-align: center;
    font-weight: 600;
}
.bg-col {
    background-color: #fff;
    border: 1px solid #3b6eb6;
}
@media only screen and (min-width: 768px) {
    .bg-col {
        margin-top: 20px;
    }  
}