/*
Theme Name: Business Assistant
Description: Business Assistant is a versatile and user-friendly WordPress theme designed to cater to the needs of business professionals, entrepreneurs, and service providers. Crafted with a clean and intuitive layout, this theme ensures a seamless experience for users across various devices. Tailored for individuals and businesses offering services, consulting, or professional expertise, the theme provides a polished platform to showcase portfolios, highlight skills, and attract potential clients. Its straightforward design facilitates easy navigation, allowing visitors to explore services, contact information, and other essential details effortlessly. The Business Assistant WordPress Theme boasts a professional aesthetic with a focus on clarity and readability. The color schemes and layout contribute to a sophisticated and trustworthy online presence, crucial for building credibility in the competitive business landscape. This theme is enriched with features that enhance functionality and customization options. From strategically placed call-to-action buttons to customizable sections for testimonials and client feedback, the Business Assistant WordPress Theme empowers users to create a compelling and personalized representation of their professional endeavors. The Business Assistant WordPress Theme is a reliable companion for those looking to establish or revamp their online presence in the business world. With its blend of professionalism, responsiveness, and customization capabilities, this theme provides the tools necessary to make a lasting impression and stand out in the digital realm. 
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-business-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.4
Requires PHP: 5.6
Tested up to: 6.4
Requires at least: 5.0
Tags: blog, education, portfolio, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments
Text Domain: business-assistant
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Business Assistant WordPress Theme, (C) 2024 misbahwp.com
Business Assistant WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: "Manrope", sans-serif;
  color: #666666;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Urbanist", sans-serif;
  color: #212121;
  font-weight: bold;
}
a {
  color:#212121;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus,
a.close-search-form:focus {
  color:#4482f6;
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #212121;
  color: #212121 !important; 
}
.sidebar-widget p a, .post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:#4482f6;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
  width: 100%;
}

/* ===============================================
  Header
   ============================================= */

.top-header p, .hotline-box p {
  font-size: 15px;
  color: #6c6d6e;
}
.top-header p i {
  color: #4482f6;
}
.hotline-box i {
  background: #4482f6;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  text-align: center;
  padding: 8px 0;
  color: #fff;
}
.top-area {
  border-right: solid 1px;
  border-left: solid 1px;
}
.top-header {
  border-bottom: solid 1px;
  padding: 10px 0;
}
.header-area{
  position: relative;
}

#site-navigation {
  -webkit-box-shadow: 0 8px 6px -6px #d1d1d1;
  -moz-box-shadow: 0 8px 6px -6px #d1d1d1;
  box-shadow: 0 8px 6px -6px #d1d1d1;
  z-index: 999;
}

/* ===============================================
   SLIDING HEADER
   ============================================= */

.offcanvas-div button{
  color: #000 !important;
}
.offcanvas-div {
  justify-content: end;
}
.offcanvas-div .offcanvas-header .btn-close {
  padding: 5px 12px;
  opacity: 1;
  height: auto;
  width: auto;
}
.btn-close:hover{
  color: #fff !important;
}
.offcanvas-div .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 8px;
}
.admin-bar .offcanvas-div .offcanvas-header{
  margin-top: 32px !important;
}
.offcanvas-div .offcanvas-body {
  flex-grow: 1;
  padding: 0 35px;
}
.offcanvas-div .offcanvas-header .btn-close{
  background-color: #4482f6;
  border-radius:0;
  padding: 16px;
}
.offcanvas {
  background: #f7f3ee;
}
.offcanvas-backdrop{
  background: transparent;
}
.offcanvas-body .sidebar-area {
  margin-top: 0 !important;
}
.offcanvas-body::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.offcanvas-body::-webkit-scrollbar-thumb{
  background-color: #000000;
}
.search-cart {
    position: absolute;
    right: -28px;
    top: -16px;
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
  height: 70px;
  width: 70px;
}
.logo {
	padding: 18px 0;
}
.logo a {
  color: #4482f6;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #212121;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 20px 15px;
  font-size: 14px;
  font-weight: 500;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#4482f6;
}
#main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a{
  border-top: 3px solid #4482f6;
}
li.menu-item-has-children:after {
	color: #212121;
	content: ' ▾';
	position: absolute;
	top: 18px;
	right: 0;
}

ul.sub-menu li.menu-item-has-children:after {
  color: #fff;
}

#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 45px;
	left: -9999em;
	background:#4482f6;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #fff;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover,
#main-menu ul.children li.current-menu-item a,
#main-menu ul.sub-menu li.current-menu-item a {
  background: #212121;
  color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  word-wrap: break-word;
}
h1.post-title {
  word-wrap: break-word;
}
.post-content p{
	color: #707072;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
	color: #4482f6;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #212121;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */
.slider{
  position: relative;
}
.blog_inner_box {
  background: #000;
}
.slider .blog_box_inner {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 55%;
  left: 10%;
}
.blog_inner_box img{
	height: 750px;
	object-fit: cover;
  opacity: 0.5;
}
.blog_inner_box h6{
  font-weight: 600;
  font-size: 20px;
  color: #4482f6;
}
.blog_inner_box h3 {
  font-size: 40px;
  color: #fff;
}
.blog_inner_box p {
  font-size: 16px;
  color: #fff;
}
p.slider-button a{
  color: #fff;
  background: #4482f6;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
}
p.slider-button i.fas.fa-arrow-right {
  background: #fff;
  padding: 5px 10px;
  color: #4482f6;
  border-radius: 3px;
}
p.slider-button a:hover{
  background: #212121;
}

/* ===============================================
 About Us
============================================= */

#about img {
  width: 100%;
}
img.about-img-1 {
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}
img.about-img-2 {
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
}
img.about-img-3 {
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
}
.count-detail {
  background: #4482f6;
  display: inline-block;
  width: 115px;
  left: 25px;
  text-align: center;
  padding: 14px;
  margin: 4px;
  border-radius: 15px;
  position: relative;
  margin-top: -54px;
}
.count-detail p,.count-detail h3{
  color: #fff;
}
#about h6{
  color: #4482f6;
}
.progress-title{
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
}
.progress {
  height: 10px;
  background: #d0d0cf;
  border-radius: 20px;
  margin-bottom: 20px;
  overflow: visible;
  position: relative;
}
.progress .progress-bar{
  border-radius: 20px;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
}
.progress .progress-value {
    width: 65px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    color: #171b3c;
    border-top: none;
    position: absolute;
    top: -25px;
    right: 0;
    font-weight: 600;
}
@-webkit-keyframes animate-positive{
  0% { width: 0; }
}
@keyframes animate-positive{
  0% { width: 0; }
}
.progress-box {
  margin: 30px 0;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: #4482f6;
  color:#000;
}
.scroll-up a:hover{
  background: #212121;
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}


/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #4482f6 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.business-assistant-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.business-assistant-pagination a span,
.business-assistant-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.business-assistant-pagination span.current,
.business-assistant-pagination span.current:hover,
.business-assistant-pagination span.current:focus,
.business-assistant-pagination a span:hover,
.business-assistant-pagination a span:focus {
	background: #4482f6;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #4482f6;
    color: #fff;
}

/*--------------------------------------------------------------
## Feature Header Image
--------------------------------------------------------------*/

.feature-header{
  position: relative;
  background-color: #000;
}

.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.9;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #212121;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #4482f6;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #4482f6;
  padding: 5px 15px;
  color: #fff;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 0px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading, .sidebar-area h2.wp-block-heading, .sidebar-area h3.wp-block-heading,
.sidebar-area h4.wp-block-heading, .sidebar-area h5.wp-block-heading, .sidebar-area h6.wp-block-heading {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #4482f6;
  border-left: solid 5px #212121;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #4482f6;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #212121;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #212121;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #4482f6;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#4482f6;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #212121;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}