/*
Theme Name: TechBoost
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Description: TechBoost 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. TechBoost 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: 7.1
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: techboost
Slug: techboost
Template: abiz
*/


:root {
    --bs-primary: #fd5523;
	--bs-primary-light: #fd552361;
    --bs-secondary:#020e28;
}

.techboost-theme .above-header {
    background: var(--bs-primary);
}

.techboost-theme .menu-area {
    position: relative;
    z-index: 3;
    padding: 0px 60px 0px 60px;
}

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

.info-section-6 .info-box-inner {
    text-align: center;
    margin: 0 0 30px 0;
    position: relative;
}

.info-section-6 .info-box-inner .featured-img img {
    min-height: 173px;
    object-fit: cover;
}

.info-section-6 .info-box-inner .info-front {
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 0;
    position: relative;
    overflow: hidden;
    background-color: var(--bs-white);
    box-shadow: 0px 10px 31px rgba(169, 177, 193, 0.17);
    border-radius: 5px;
}

.info-section-6 .info-box-inner .content-box {
    padding: 0 20px 37px 20px;
}

.info-section-6 .info-box-inner .info-back {
	z-index: 0;
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all 0.4s ease-in-out;
	background-color: var(--bs-secondary);
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
}

.info-section-6 .info-box-inner .info-box-icon {
    display: block;
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: calc(var(--icon-size, 80px) - var(--icon-shape, 10px) * 2);
    text-align: center;
    background-color: #eff1f5;
    border: 6px solid var(--bs-white);
    margin: 0 auto 35px auto;
    border-radius: 20%;
    z-index: 1;
    position: relative;
    margin-top: calc(var(--icon-size, 80px) / -2);
    transform: rotate(45deg);
}

.info-section-6 .info-box-inner .info-box-icon i {
    transform: rotate(-45deg);
}

.info-section-6 .info-box-inner .info-front .info-box-icon {
    color:var(--bs-primary);
}

.info-section-6 .info-box-inner .info-box-title a {
    color: inherit;
    text-decoration: none;
}

.info-section-6 .info-back .info-box-icon {
    background-color: var(--bs-primary);
}

.info-section-6 .info-back .content-box {
    padding: 60px 20px 37px 20px;
	color: var(--bs-white);
}

.info-section-6 .info-content {
    margin: 0 0 15px 0;
}

.info-section-6 .info-box-inner:hover .info-front{
    z-index: 0;
    transform: rotateY(180deg);
    box-shadow: none;
}

.info-section-6 .info-box-inner:hover .info-back {
    z-index: 0;
    transform: rotateX(0deg) rotateY(0deg);
}

.info-section-6 .read-link {
    color: var(--bs-white);
    text-decoration: none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
	text-align: center;
}


.info-section-6 .read-link:hover,
.info-section-6 .read-link:focus {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
	outline:none;
}

.info-section-6 .read-link:hover {
	color: var(--bs-white);
}

.info-section-6 .read-link:focus {
	color: var(--bs-secondary);
}

.info-section-6 .read-link i {
    background: var(--bs-white);
    color: var(--bs-secondary);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-left: 5px;
	transition: all .3s ease;
	rotate: -40deg;
}

.info-section-6 .read-link:hover i{
    background: var(--bs-white);
	color: var(--bs-primary);
	rotate: 0deg;
}

.info-section-6 .read-link:focus i{
    background: var(--bs-primary);
	color: var(--bs-white);
	rotate: 0deg;
}


.service-section-5 .service-box-wrap {
    position: relative;
    padding: 39px 30px 35px;
    overflow: hidden;
	box-shadow: 0 0px 15px rgba(0, 0, 0, .1);
    background-color: var(--bs-white);
    transition: all 500ms ease;
}

.service-section-5 .service-box-wrap:after {
    content: "";
    width: 56px;
    height: 56px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    transition: all 500ms ease;
    background-color: var(--bs-secondary);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.service-section-5 .service-box-wrap:hover:after {
    background-color: var(--bs-primary);
}

.service-section-5 .service-image-box {
    width: 100%;
    height: 0%;
    position: relative;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: top center;
    transition: all 500ms ease;
}

.service-section-5 .service-image-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(7, 14, 32, .75);
}

.service-section-5 .service-box-wrap:hover .service-image-box {
    height: 100%;
    top: 0px;
}

.service-section-5 .servive-wrap {
    position: relative;
    z-index: 2;
}

.service-section-5 .servive-wrap-top {
    display: grid;
    gap: 20px;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 19px;
    transition: all 500ms ease;
    border-bottom: 1px solid #dddddd;
}

.service-section-5 .service-icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    border-radius: 20%;
    background-color: var(--bs-primary);
    transition: all 500ms ease;
	transform: rotate(45deg);
}

.service-section-5 .service-box-wrap:hover .service-icon-box::after {
    height: 100%;
    width: 100%;
}

.service-section-5 .service-icon i {
    transform: rotate(-45deg);
}

.service-section-5 .service-icon {
    display: inline-flex;
    font-size: 30px;
    color: var(--bs-white);
    transition: all 500ms ease;
}

.service-section-5 .service-box-wrap:hover .service-icon {
    color: var(--bs-primary);
}

.service-section-5 .service-icon-box::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--bs-white);
    border-radius: inherit;
    z-index: -1;
    transition: all 500ms ease;
}

.service-section-5 .service-title a {
    margin: 0px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    color: var(--bs-secondary);
    text-decoration: none;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}

.service-section-5 .service-title a:hover {
    background-size: 100% 1px;
}

.service-section-5 .service-excerpt {
    margin-bottom: 27px;
    transition: all 500ms ease;
}


.service-section-5 .service-box-wrap:hover .service-title a, 
.service-section-5 .service-box-wrap:hover .service-excerpt,
.service-section-5 .service-box-wrap:hover .read-link {
    color: var(--bs-white);
}

.service-section-5 .service-box-wrap .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-5 .service-box-wrap .read-link:hover,
.service-section-5 .service-box-wrap .read-link:focus {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
	color: var(--bs-primary);
}

.service-section-5 .service-box-wrap .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-5 .service-box-wrap .read-link:hover i,
.service-section-5 .service-box-wrap .read-link:focus i{
    background: var(--bs-white);
	color: var(--bs-secondary);
	rotate: 0deg;
}

@media (min-width: 992px) {
	.techboost-theme .main-header .navigation-wrapper {
		position: relative;
	}
	.techboost-theme .main-header .main-navigation-area {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		border-top: 0;
		margin: 0 auto;
		z-index: 99;
		background: transparent;
	}
	.techboost-theme .main-header .main-navigation .menu-area:before {
        position: absolute;
        content: "";
        left: 0;
        top: -1px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: var(--bs-white);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        mask-image: url(assets/images/header.png);
    }
	.techboost-theme .above-header .widget_social_widget li a:hover i, 
	.techboost-theme .above-header .widget_social_widget li a:focus i {
		color: var(--bs-white);
		background-color: var(--bs-secondary);
	}
	.techboost-theme .above-header {
		border-bottom: none;
		animation: none !important;
	}
	.techboost-theme .main-navigation:not(.is-sticky-menu) {
		position: relative;
	}
	.techboost-theme .breadcrumb-area {
		min-height: 340px;
	}
	.techboost-theme .breadcrumb-area .breadcrumb-content {
		padding: 145px 0 0;
	}
	.techboost-theme .home-slider, 
	.techboost-theme .home-slider .owl-item img {
        min-height: 600px;
        object-fit: cover;
    }
	.techboost-theme .main-slider div.main-content {
		margin-bottom: 2rem;
	}
	.techboost-theme .slider-section .main-content h1 {
		font-size: 4rem;
	}
	.techboost-theme .slider-section + .info-section-6 {
        margin-top: -3.55rem;
    }
}

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