@font-face {
    font-family: 'Urbanist';
    src:url('../font/Urbanist-VariableFont_wght.ttf');
    }

.top-bar{
	background-color: #acc42a;
	padding: 8px 0px;
}
.top-social a{
	font-size: 22px;
}
.top-btn a.btn{
	font-weight: bold;
	border-radius: 20px;
	padding: 5px 26px;
	/*font-family: "Urbanist", Sans-serif;*/
}
.about-title h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 33px;
    font-weight: 900;
}
.about-title h4{
	color: #86BB46;
    font-family: "Urbanist", Sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.about-title p{
	color: #777777;
    font-size: 17px;
    line-height: 1.6;
}
.about-title .abt-btn{
	color: #fff;
    background-color: #83c337;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 46px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: #045cb4 !important;
}
.navbar-nav .nav-link{
	margin: 0px 7px;
	color: #334155;
	font-weight: 600;
}
.choose-us{
	background: #f5f5f5;
}

.choose-title h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 22px;
    font-weight: 900;
}
.choose-title h4{
	color: #86BB46;
    font-family: "Urbanist", Sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.choose-title p{
	color: #777777;
    font-size: 17px;
    line-height: 1.6;
}

.hear-aids{
	background-image: url(../images/pic-8.jpg);
	width: 100%;
	background-repeat: repeat;
}
.title-aids h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.aids-content h5{
	color: #86BB46;
    font-family: "Urbanist", Sans-serif;
    font-size: 22px;
    font-weight: 700;
}
.aids-content p{
	color: #777777;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.title-middle h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.middle{
	background-color: #ACC42A;
}
.work{
	background: #f5f5f5;
}
.work-title h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.work-title h6{
	text-decoration: underline;
	font-size: 20px;
	font-weight: 700;
}
.work-title p{
	color: #777777;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.work-title i.bi-check-circle{
	color: #86BB46;
	font-size: 18px;
}
.bg-middle {
	background-image: url(../images/middle.jpg);
	background-size: cover;
	width: 100%;
	background-repeat: no-repeat;
}
.middle-white h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.middle-white p{
	color: #777777;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.middle-white{
	background-color: rgb(255,255,255);
	border-radius: 10px;
}
.testi h4{
	color: #86BB46;
    font-family: "Urbanist", Sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.testi h2{
	color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.testi-des{
	background-color: #f3f3f3;
}

.testi-des p {
	color: #777777;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.testi-des p span{
	font-size: 17px;
}
footer{
    background-color: #262626;
    width: 100%;
}
.footer-con h3{
    font-family: "Urbanist", Sans-serif;
    font-weight: 600;
}
.footer-con p{
    font-size: 16px;
    line-height: 1.6;
}
.footer-btm {
    background-color: #00aeef;
    width: 100%;
}
.fixed-btn a{
    position: fixed;
    left: 23px;
    bottom: 94px;
    /* border: 1px solid #484848; */
    border-radius: 50%;
    padding: 8px 14px;
    font-size: 22px;
    color: #fff;
    background: teal;
}
.breadcrumb{
    background-image: url(../images/bread.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.breadcrumb2{
    background-image: url(../images/bread2.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.brd_title h2{
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.abt-p{
    background-color: #4E4B4B;
    width: 100%;
}
.abt-title .bi-earbuds{
    font-size: 22px;
    border-bottom-left-radius: 25px;
}
.abt-title h2{
    font-family: "Urbanist", Sans-serif;
    font-size: 38px;
    font-weight: 700;
}

.abt-title p{
    font-size: 17px;
}
.choose_us{
    
}
.chs-title h2{
    color: #333333;
    font-family: "Urbanist", Sans-serif;
    font-size: 28px;
    font-weight: 900;
}

.chs-title p{
    color: #5e5e5e;
    font-size: 17px;
    line-height: 1.6;
}
.contact-s{
    background-image: url(../images/contact-bg.jpg);
    background-size: cover;
    width: 100%;
    background-repeat: repeat;
}
.form-bg{
    background: #2c2c2c;
}
.btn-contact{
    background: yellowgreen;
    padding: 6px 36px;
    font-weight: 500;
    color: #fff;
}
.form-bg h3{
    font-family: "Urbanist", Sans-serif;
}
.book-bg{
    background-color: #2b8585;
}
.form-bg h3{
    font-family: "Urbanist", Sans-serif;
}
.book-bg label{
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}
.hearing-aid{
    background-color: #f0f5fa;
}

.hear-h h2{
    color: #86BB46;
    font-family: "Urbanist", Sans-serif;
    font-size: 24px;
    font-weight: 900;
}
.price-bg{
    background-color: #00AEEF;
}
.price-bg h5{
    font-family: "Urbanist", Sans-serif;
    font-weight: 600;
}
.hear-h p{
    color: #585858;
    text-align: justify;
}
.pre-icon, .next-icon{
    filter: invert(100%) !important;
}
a.text-light:hover{
    color: #334dff !important;
}

a.text-light, a.s-services{
    text-decoration: none !important;
}
.btn-contact:hover{
    background: #7fffd4;
}
.branches h2{
    color: #ffffff;
    font-family: "Urbanist", Sans-serif;
    font-size: 28px;
    font-weight: 900;
}
.branches p{

}

    @media (max-width: 480px){
        .app-charges{
            margin-top: -134px !important;
            margin-bottom: 70px !important;
    }
}