    .modal-custom-width {
            width: 95%;
        }
@media only screen and (min-width:992px){
        /* styles for browsers larger than 992px; */
        .modal-custom-width {
            width: 30% !important;
        }
    }

/* Add here all your CSS customizations */
@media only screen and (min-width: 768px) {
            .main-label{
        font-size: 46px !important;
       }
       .login-custom{
            border: 2px solid #c3c3c3 !important;
            width: 120px !important;
            text-align: center !important;
            border-radius: 50px !important;


       }
       .get-started-custom{
    width: 50% !important;

    }
    .unleash-p-custom{
        font-size: 16px !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    color: #777 !important;
    font-weight: 400 !important;
    }
    .explore-custom-btn{
        background: #2ec3a5 !important;
    color: #fff !important;
    width: 40% !important;
    font-weight: 600 !important;
    }
}
.btn-brand-border{
	background: #ffffff !important;
    color: #2ec3a5 !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 2px solid #2ec3a5 !important;
}

.btn-brand-background{
	background: #2ec3a5 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 2px solid #2ec3a5 !important;
}

.text-upper-space{
	text-transform: uppercase !important;
    /*letter-spacing: 1px !important;*/
}

.btn-brand-background:hover, .btn-brand-border:hover, .btn-brand-background:focus, .btn-brand-border:focus{
	background: rgba(46, 195, 165, 0.73) !important;
	 color: #ffffff !important;
}
.aboutUs-name{
	font-size: 1.5em !important;
    color: #2ec3a5 !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
}
.help-us{
	margin: 0px !important;
    font-size: 2em !important;
    line-height: 1.5em !important;
}
.help-us-btn{
	width: 100% !important;
	margin-bottom:20px !important;
}
.landing-appicons{
	height: 50px !important;
    width: auto !important;
    margin-right: 5px !important;
}
.width-90{
	width: 90% !important;
}
.brand-bg-border{
	    background: #2ec3a5 !important;
    	border: 1px solid #2ec3a5 !important;
}
.brand-bg-border:hover, .brand-bg-border:focus{
	background: rgba(46, 195, 165, 0.25) !important;
}
.topReq-demo{
    background: #2ec3a5 !important;
    color: #fff !important;
    font-size: 600 !important;
}
.custom-active{
    background: #fff !important;
    color: #2ec3a5 !important;
    border-bottom: 3px solid #2ec3a5 !important;
    border-radius: 0px !important;
    padding-bottom: 8px !important;
}

.custom-topNav a:hover,.custom-topNav a:focus{
    background: #fff !important;
    color: #1a8772 !important;
}
.bottomLine-field{
    box-shadow: none !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 0px !important;
}
.bottomLine-addon{
    background: white !important;
    box-shadow: none !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 0px !important;
}
.bottomLine-addon i{
    font-size: 1.2em !important;
}
.bottomLine-field:focus{
    border-bottom: 1px solid #2ec3a5 !important;
}
.field-span{
    border-color: #2ec3a5 !important;

}
.field-span i{
 color: #2ec3a5 !important;
}
.custom-modal-close{
        position: relative !important;
    top: 30px !important;
    right: 10px !important;
    z-index: 10000 !important;
    color: #2ec3a5 !important;
}
.custom-modal-header{
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
}
.padding-zero{
    padding: 0px !important;
}

/*.bottomLine-addon:focus{
    border-bottom: 1px solid #2ec3a5 !important;
}
.bottomLine-addon:focus i{
    color: #2ec3a5 !important;
}*/
/*2ec3a5*/