/*
Theme Name: Quicksy
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Description: Lightning Fast Speed & Responsive Theme. Quicksy is a responsive and fully customizable theme to create any kind of websites. The advanced admin panel will enable you to customize it without any technical knowledge. This theme is lightweight, it will enable you to create almost any type of website such a blog, portfolio, acting and shooting industry, total trendy news, newspaper, mega magazine, fashion, dark themes, petcare, animals wildlife, wooden architecture, plumbing contractor, painting estate, interior design, rooms furniture, home decoration, green floral nature, construction, corporate, multiple agency, business promotion, dark variation, industries, Beauty & spa salons, photography, gym, fitness, health, medical, startups, business agencies, law firms, travel, NGO, charity, yoga, kids education, training institute, university portal, restaurant, meta shop, quick magazines, mutual fund, finance, accounting, consulting ,travel agency website. Theme is fully compatible with popular WordPress plugins like Elementor Page Builder, Slider, Carousal, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Shortcode, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms and more. Your WordPress website will never be let down with this theme.
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.8
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: quicksy
Slug: quicksy
Template: abiz
*/


:root {
    --bs-primary: #5e20fb;
	--bs-primary-light: #5e20fb40;
    --bs-secondary:#214462;
}

.quicksy-theme .main-content h4 {
    display: inline-flex;
    gap: 16px;
    align-items: center;
	padding: 6px 15px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    background: var(--bs-primary);
}

.quicksy-theme .main-content h4 span {
    background: none;
    padding: 0;
    margin-right: 0;
    display: none;
}

.quicksy-theme .main-content h4 .stdot {
    position: relative;
    display: block;
    height: 2px;
    background: var(--bs-white);
    width: 30px;
    border-radius: 30px;
}

.quicksy-theme .main-content h4 .stdot:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bs-white);
}

.quicksy-theme .main-content h4 .stdot:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
}

.quicksy-theme .main-content h1 .primary {
    /* -webkit-text-fill-color: rgba(0, 0, 0, 0.01); */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--bs-white);
}

.info-section-4 .info-box-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--bs-white);
    border: 2px solid #004a9426;
    padding: 0px 30px 37px;
}

.info-section-4 .info-box-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 90px;
    background: var(--bs-primary-light);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 1;
}

.info-section-4 .info-box-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: var(--bs-primary);
    transition-delay: 0.5s;
    transition: .5s;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -ms-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.info-section-4 .info-box-icon i {
    position: relative;
    display: block;
    line-height: 0px;
    font-size: 32px;
    color: var(--bs-primary);
}


.info-section-4 .content-box {
    position: relative;
    display: block;
    margin-top: 23px;
	z-index: 1;
}

.info-section-4 .info-box-title {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 3px;
    margin-bottom: 23px;
}

.info-section-4 .info-box-title a {
    color: var(--bs-secondary);
	text-decoration:none;
}

.info-section-4 .info-box-title::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: var(--bs-primary);
    content: "";
}


.info-section-4 .post-more {
    position: relative;
    display: block;
    margin-top: 21px;
}

.info-section-4 .info-box-inner:hover .info-box-icon:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.info-section-4 .info-box-inner:hover .info-box-icon i {
    color: var(--bs-white);
	-webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}


.info-section-4 .read-link {
    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;
}


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

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

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

.info-section-4 .read-link i {
    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;
}

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

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

.info-section-4 .info-box-inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: var(--bs-secondary);
    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-4 .info-box-inner:hover:after{
    transform: scale(1);
    z-index: 0;
}

.info-section-4 .info-box-inner:hover .info-box-title a,
.info-section-4 .info-box-inner:hover .info-content,
.info-section-4 .info-box-inner:hover .read-link{
    color: var(--bs-white);
}



.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-primary);
	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 (max-width: 991px) {	
	.slider-section + .info-section-4 {
		margin-top: -1rem;
	}
}

@media (min-width: 992px) {	
	.quicksy-theme .above-header .widget-left{
		padding-left: 15rem;
	}
	.quicksy-theme .main-navigation .logo {
		position: relative;
		z-index: 0;
	}

	.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
		content: "";
        position: absolute;
        min-height: 160px;
        min-width: 220px;
        border-radius: 0;
        background: var(--bs-white);
        z-index: -1;
        transform: translateY(-30%);
        left: -55px;
		border-radius:5px;
        border-top: 7px solid var(--bs-primary);
        border-bottom: 7px solid var(--bs-primary);
        box-shadow: 8px 8px 20px 0 rgb(0 0 0 / 20%);
	}
	.quicksy-theme .main-navigation .navbar-area {
		justify-content: flex-end;
	}
	.slider-section + .info-section-4 {
        margin-top: -3.55rem;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1400px) {
    .quicksy-theme .above-header .widget-left {
        padding-left: 22rem;
    }
	.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
        left: -12px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 992px) {
	.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
        left: -30px;
    }
}