/*
Theme Name: BizVita
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Description: BizVita is a responsive and customizable WordPress theme designed for blogs, portfolios, business websites, and online stores. It includes theme customization options available through the WordPress Customizer, allowing users to adjust layout, colors, and typography without coding. The theme is lightweight and built with performance and usability in mind. It is compatible with popular plugins such as WooCommerce for eCommerce functionality and widely used page builders. BizVita is suitable for a variety of general-purpose website needs, including business, creative, and informational sites.
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
Version: 1.0
Tested up to: 6.9
Requires PHP: 5.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: bizvita
Slug: bizvita
Template: abiz
*/


:root {
    --bs-primary: #74bd12;
	--bs-primary-light: #007cfb38;
    --bs-secondary:#082a5e;
}

.bizvita-theme .main-mobile-nav {
    border-bottom: none;
}

.bizvita-theme .above-header .header-widget a:hover, 
.bizvita-theme .above-header .header-widget a:focus {
	color: var(--bs-white);
}	

.bizvita-theme .breadcrumb-area {
    border-radius: 20px;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}

.bizvita-theme .slider-section {
	background-color: var(--bs-white);
}

.bizvita-theme .slider-section .home-slider{
	border-radius: 20px;
	overflow: hidden;
}

.bizvita-theme .slider-section .main-content h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    position: relative;
    background: var(--bs-primary);
    color: white;
    padding: 10px 20px;
    border-radius: 0px;
    margin-left: 25px;
    margin-bottom: 25px;
	border:none;
}

.bizvita-theme .slider-section .main-content h4 span{
	margin-right:0;
}	

.bizvita-theme .slider-section .main-content h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 24px solid var(--bs-primary);
    border-bottom: 22px solid var(--bs-primary);
    border-left: 20px solid transparent;
}

.bizvita-theme .slider-section .main-content h4::after {
    content: "";
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 24px solid var(--bs-primary);
    border-bottom: 22px solid var(--bs-primary);
    border-right: 20px solid transparent;
}

.info-section-5 {
    position: relative;
}

.info-section-5 .info-box-inner {
	position:relative;
    border-radius: 10px;
    border: 1px solid rgba(8, 42, 94, 0.1);
    background: var(--bs-white);
    padding: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 17px;
	z-index: 0;
}

.info-section-5 .info-box-inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
	border-radius: 10px;
    background: var(--bs-primary);
    z-index: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition: all 0.5s ease-in-out 0s;
}

.info-section-5 .info-box-inner:hover:after{
    transform: scale(1);
    z-index: -1;
	transition: all 0.5s ease-in-out 0s;
}


.info-section-5 .info-box-inner .info-box-icon {
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: background-color 0.3s ease;
    font-size: 25px;
	color:var(--bs-white)
}

.info-section-5 .info-box-inner .info-box-icon.icon-1{
   background:#ff5f04;
}

.info-section-5 .info-box-inner .info-box-icon.icon-2{
   background:#0058e0;
}

.info-section-5 .info-box-inner .info-box-icon.icon-3{
   background:#74bd12;
}

.info-section-5 .info-box-inner .info-box-icon.icon-4{
   background:#CE1AFB;
}

.info-section-5 .info-box-inner .info-box-icon.icon-5{
   background:#ff5f04;
}

.info-section-5 .info-box-inner .info-box-icon.icon-6{
   background:#74bd12;
}

.info-section-5 .info-box-inner .info-box-title {
    margin-bottom: 0.325rem;
}

.info-section-5 .info-box-inner .info-box-title a {
    text-decoration:none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 0.5s ease-in-out 0s;
}

.info-section-5 .info-box-inner .info-content{
	transition: all 0.5s ease-in-out 0s;
}

.info-section-5 .info-box-inner .info-box-title a:hover,
.info-section-5 .info-box-inner .info-box-title a:focus
 {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
    outline: none;
}

.info-section-5 .info-box-inner .info-box-title a:not(:focus):not(:hover) {
    color: var(--bs-secondary);
}

.info-section-5 .info-box-inner:hover .info-box-icon{
	color:var(--bs-primary);
	background:var(--bs-white);
}
.info-section-5 .info-box-inner:hover .info-box-title a:hover,
.info-section-5 .info-box-inner:hover .info-box-title a:not(:focus):not(:hover),
.info-section-5 .info-box-inner:hover .content-box{
    color: var(--bs-white);
}

.service-section-3 {
    position: relative;
}

.service-section-3 .service-inner-box-3 {
    background: #F3F4F7;
    display: inline-block;
}

.service-section-3 .service-inner-box-3 .service-image-box img {
    height: 236px;
    object-fit: cover;
    width: 100%;
}

.service-section-3 .service-inner-box-3 .servive-wrap {
    padding: 30px 30px 30px 30px;
    position: relative;
}

.service-section-3 .service-inner-box-3 .servive-wrap .count{
    font-size: 55px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #00194c69;
    color: transparent;
    position: absolute;
    top: 0px;
    right: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-section-3 .service-inner-box-3:hover .servive-wrap .count {
    -webkit-text-stroke-color: var(--bs-primary);
}

.service-section-3 .service-inner-box-3 .service-icon {
    width: 68px;
    height: 68px;
    background: #fff;
    color: var(--bs-primary);
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -64px;
    margin-bottom: 24px;
    z-index: 0;
}

.service-section-3 .service-inner-box-3 .service-icon:after {
    content: '';
    width: 39px;
    height: 4px;
    background: var(--bs-primary);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.service-section-3 .service-inner-box-3:hover .service-icon i {
    animation: spinAround 0.5s linear;
    -moz-animation: spinAround 0.5s linear;
    -webkit-animation: spinAround 0.5s linear;
}

@keyframes spinAround {

  0% {
      transform: rotate(0deg);
  }

  25% {
      transform: rotate(10deg);
  }

  50% {
      transform: rotate(0deg);
  }

  75% {
      transform: rotate(-10deg);
  }

  100% {
      transform: rotate(0deg);
  }

}


.service-section-3 .service-inner-box-3 .service-title {
    margin: 0;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 12px;
}

.service-section-3 .service-inner-box-3 .service-title a {
    color:var(--bs-secondary);
    text-decoration: none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
}

.service-section-3 .service-inner-box-3:hover .service-title a {
    letter-spacing: 0.03rem;
    background-size: 100% 2px;
    color: var(--bs-primary);
}

.service-section-3 .service-inner-box-3 .service-excerpt {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #6C6E76;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}

.service-section-3 .service-inner-box-3 .read-link {
	display: inline;
	font-size: inherit;
    color: var(--bs-secondary);
    text-decoration: none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
	text-align: center;
}


.service-section-3 .service-inner-box-3 .read-link:hover,
.service-section-3 .service-inner-box-3 .read-link:focus {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
	color: var(--bs-primary);
}

.service-section-3 .service-inner-box-3 .read-link i {
	font-size: inherit;
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-left: 5px;
	transition: all .3s ease;
	rotate: -40deg;
}

.service-section-3 .service-inner-box-3 .read-link:hover i,
.service-section-3 .service-inner-box-3 .read-link:focus i{
    background: var(--bs-secondary);
	color: var(--bs-white);
	rotate: 0deg;
}

.service-section-3 .service-inner-box-3 .service-img {
    position: relative;
    display: block;
    overflow: hidden;
}

.service-section-3 .service-inner-box-3 .service-img::before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.service-section-3 .service-inner-box-3:hover .service-img::before {
    -webkit-animation: flashshine 1.5s;
    animation: flashshine 1.5s;
}

@keyframes flashshine {
  100% {
      left: 125%;
  }
}

@media (min-width: 992px) {
	.bizvita-theme .above-header .widget_social_widget li a:hover i, 
	.bizvita-theme .above-header .widget_social_widget li a:focus i {
		color: var(--bs-white);
		background-color: var(--bs-secondary);
	}
	.bizvita-theme .above-header {
		background: var(--bs-primary);
		border-bottom: none;
	}
	.bizvita-theme .main-navigation:not(.is-sticky-menu) {
		position: relative;
	}
	.bizvita-theme .above-header {
		border-radius: 0 0 20px 20px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.bizvita-theme .info-section-5 .container .info-wrapper{
		position: relative;
		border-radius: 20px;
		padding: 30px;
		background: #f2f4fa;
	}
	.bizvita-theme .slider-section .main-content h1 {
		font-size: 4rem;
	}
	.bizvita-theme .slider-section + .info-section-5 {
        margin-top: -3.55rem;
    }
}

@media (max-width: 992px) {
	.bizvita-theme .slider-section + .info-section-5 {
        margin-top: 2rem;
    }
}