/*
Theme Name: Zakra Child
Theme URI: https://zakratheme.com/
Template: zakra
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Zakra is flexible, fast, lightweight and modern multipurpose theme that comes with many starter free sites (currently 10+ free starter sites and more will be added later) that you can use to make your site beautiful and professional. Check all the starter sites at https://zakratheme.com/demos. Suitable for personal blog, portfolio, WooCommerce stores, business websites and niche-based sites (like Cafe, Spa, Charity, Yoga, Wedding, Dentist, Education etc) as well. Works with Elementor plus other major page builders so you can create any layout you want. The theme is responsive, Gutenberg compatible, SEO friendly, translation ready and major WordPress plugins compatible.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,news,e-commerce,rtl-language-support
Version: 2.0.9.1646727270
Updated: 2022-03-08 08:14:30

*/


h1, h2, h3, h4, h5, h6, p {
    font-family: "Roboto" !important;
}
				.header-social-icons .fa{
	font-size:22px;
}
body {
    color: #3e3e3e;
    font-family: "Roboto";
    font-size: 18px;
}
.tg-primary-menu > div ul li a {
    font-family: "Roboto" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
#n2-ss-2 {font-family: Barlow !important;}
.tg-header-top-right-content{
	text-align:right;
}
		
.f-contact i{
	padding-bottom: 20px;
}
section#service-wrap .elementor-widget-wrap.elementor-element-populated {
    text-align: left;
    background-color: rgb(248, 248, 248);
    padding: 30px 20px;
    border-radius: 20px 20px 20px 0px;
}
.site-branding img {
    width: 276px;
}
section#service-wrap div#mid-col .elementor-widget-wrap.elementor-element-populated {
    text-align: left;
    background-color: #005dab;
    padding: 30px 20px;
    border-radius: 20px 20px 20px 0px;
    color: #fff;
}
.tg-primary-menu > div ul li a {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 18px;
}
section#service-wrap .elementor-icon-box-icon i {
    background: #edf4fc;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    line-height: 130px;
    font-size: 45px;
    /* color: #0c5adb; */
    margin-bottom: 20px;
    transition: .4s;
    display: inline-block;
}
.form_quotes {
    text-align: center;
    background: #f15c32;
    padding: 20px;
}
.form_quotes .col-md-6 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px !important;
}
.form_quotes .col-md-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px !important;
}
.form_quotes .row {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0;
    display: flex;
}
.form_quotes h2 {
    color: #fff;
    font-size: 30px !important;
    text-align: center;
    margin: 0px;
}
.form_quotes p {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.after-header-content-inner li {
    display: inline-block;
    list-style: none;
    padding-left: 8px;
}
.after-header-content-inner li a {
    color: #fff;
}
.tg-site-header-top i {
    padding-right: 8px;
}
.tg-site-header-top {
    padding: 0;
}
.tg-site-header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}
.tg-site-header-bottom {
    padding-top: 76px;
    padding-bottom: 1em;
}
.after-header-content-inner ul {
    margin: 0px;
}
.after-header-content-inner li a {
    color: #005dab;
    display: inline-block;
    background: white;
    padding: 12px 22px;
    font-weight: 500;
    border: 2px solid #005dab;
}
li.popmake-quote-form button {
    border: 2px solid #e5e5e5;
}
	span.wpcf7-list-item-label {
    color: white;
}
.hfe-nav-menu li {
    width: 100%;
}
.form_quotes select {
    padding: 0.7rem 1rem;
}
@media screen and (max-width: 767px){
.tg-site-header-top {
    display: block !important;
}
.tg-header-top-left-content {
    display: none;
}
.tg-site-header-top .tg-header-top-right-content {
    text-align: center;
    width: 100%;
}
	.form_quotes .row {

    display: block !important;
}
	.form_quotes .col-md-6 {
    width: 100%;

}
	
		.form_quotes .col-md-12 {
    width: 100%;

}
.hfe-nav-menu li a {
    display: block !important;
    text-align: center;
}
	.site-branding img {
    width: 218px;
}
	.after-header-content-inner li a {
    padding: 2px 10px;
}
	.after-header-content-inner button {
    padding: 2px 10px;
}
	.tg-site-header-bottom {
    padding-top: 60px;

}
}