/*
Theme Name: Arvity
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Description: Arvity 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. Arvity 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: arvity
Slug: arvity
Template: flixita
*/


:root {
    --bs-primary: #d61523;
    --bs-primary-dark:#af0713;
    --bs-primary-light: #d615232b;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#214462;
    --bs-secondary-dark: #000000; 
}

.arvity-theme .logo a:focus {
    outline-color: var(--bs-white);
}

.arvity-theme .above-header {
    overflow: hidden;
}

.arvity-theme .main-header .contact-area, 
.arvity-theme .main-header .contact-area a:not(:hover):not(:focus) {
	color: var(--bs-white);
}

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

.arvity-theme .above-header .contact-info .title {
    font-weight: 500;
    font-size: 1.325rem;
}

.arvity-theme .main-mobile-nav {
    background: var(--bs-secondary);
}

.arvity-theme .main-content h4 {
    border-width: 1px;
	padding: 5px 10px;
}

.arvity-theme .info-section .feature-box-icon {
    margin-bottom: 2rem;
}

.arvity-theme .info-section .feature-box-title a {
    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;
}

.arvity-theme .info-section .widget-contact:hover .feature-box-title a {
    color: var(--bs-white);
}

.arvity-theme .info-section .feature-box-title a:hover {
    background-size: 100% 1px;
}


.arvity-theme .info-section .feature-box-title,
.arvity-theme .info-section .fbox-content {
    margin-bottom: 1rem;
}

.arvity-theme .info-section .feature-box-icon i, 
.arvity-theme .info-section .feature-box-icon img {
    position: relative;
	width: 70px;
    height: 70px;
    line-height: 70px;
}
	
.arvity-theme .info-section .feature-box-icon i:after {
    content: '';
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border: 2px dashed #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.arvity-theme .info-section .feature-box-inner .read-more {
    border-bottom: none;
    font-weight: 500;
	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;
}

.arvity-theme .info-section .feature-box-inner .read-more:hover,
.arvity-theme .info-section .feature-box-inner .read-more:focus {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
    outline: none;
}

.arvity-theme .info-section .feature-box-inner:hover .read-more {
	color: var(--bs-white);
}

.arvity-theme .info-section .feature-box-inner .read-more:focus {
    outline: none;
}

.arvity-theme .info-section .feature-box-inner .read-more i {
    rotate: -40deg;
	color: var(--bs-white);
    background: var(--bs-primary);
    border-radius: 100%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
	margin-left: 3px;
	transition: all 500ms ease;
}

.arvity-theme .info-section .feature-box-inner:hover .read-more i {
    background: var(--bs-white);
	color:var(--bs-primary);
	rotate: 0deg;
}


.arvity-theme .service-section .service-inner {
    position: relative;
	z-index: 0;
	border-bottom: none;
}

.arvity-theme .service-section .service-front {
	position: relative;
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 900;
    top: 0;
    height: 100%;
    background-color: var(--bs-white);
    box-shadow: 0px 10px 31px rgba(169, 177, 193, 0.17);
    width: auto;
    overflow: hidden;
    border-radius: 10px;
}

.arvity-theme .service-section .service-front  .service-content {
    padding: 30px;
    background-size: contain;
    background-position: center top;
}

.arvity-theme .service-section .service-front .service-icon,  
.arvity-theme .service-section .service-back  .service-icon {
    margin: 0 auto 30px auto;
    border: 0px solid var(--bs-white);
    background-color: transparent;
    position: relative;
    width: 118px;
    height: 118px;
    z-index: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.arvity-theme .service-section .service-front .service-icon {
    width: 85px;
    height: 85px;
}

.arvity-theme .service-section .service-inner .service-icon i{
    border: 3px solid var(--bs-white);
    background-color: var(--bs-primary);
    color: var(--bs-white);
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 40px;
}

.arvity-theme .service-section .service-front .service-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 50%;
    position: relative;
}

.arvity-theme .service-section .service-front .service-link::before {
    position: absolute;
    content: "";
    height: 1.5px;
    width: 270px;
    background-color: var(--bs-secondary);
    z-index: -1;
}

.arvity-theme .service-section .service-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;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	display: flex;
    align-items: center;      
    justify-content: center;
    text-align: center;
}

.arvity-theme .service-section .service-back::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: 0.9;
    left: 0;
    top: 0;
    z-index: -1;
}

.arvity-theme .service-section .service-back .service-content {
	padding: 30px;
}

.arvity-theme .service-section .service-back .service-icon {
    margin: 0 auto 45px auto;
}

.arvity-theme .service-section .service-back .service-icon .shape{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.arvity-theme .service-section .service-back .service-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 37px;
}

.arvity-theme .service-section .service-back .service-divider span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: var(--bs-white);
    border-radius: 50%;
    border: 8px solid var(--bs-secondary);
}

.arvity-theme .service-section .service-back .service-divider::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: var(--bs-white);
    z-index: -1;
}

.arvity-theme .service-section .service-inner:hover .service-front {
    z-index: 900;
    transform: rotateY(180deg);
    box-shadow: none;
}

.arvity-theme .service-section .service-inner:hover .service-back {
    z-index: 1000;
    transform: rotateX(0deg) rotateY(0deg);
}

.arvity-theme .service-section .service-back .service-title a{
    color: var(--bs-white);
    margin: 0 0 10px 0;
}

.arvity-theme .service-section .service-back .service-excerpt {
    margin: 0 9px 40px 9px;
    color: var(--bs-white);
}

.arvity-theme .service-section .btn:before {
    background-color: var(--bs-white);
}

.arvity-theme .service-section .btn:hover, 
.arvity-theme .service-section .btn:focus {
    color: var(--bs-secondary);
}

.arvity-theme .flixita-call-action-section .call-content h2 {
    color: var(--bs-white);
}

@media (min-width: 1400px) {
    .arvity-theme .container {
        max-width: 1500px;
    }
}

@media (min-width: 992px) {	
	.arvity-theme .above-header:after{
		display:none;
    }
	.arvity-theme .above-header:before {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        right: -50px;
        width: 50%;
        height: 100%;
        background: var(--bs-primary);
        transform: skewX(40deg);
        border-radius: 0;
        border-left: 8px solid var(--bs-white);
    }
	.arvity-theme .widget_social_widget li a:hover i, 
	.arvity-theme .widget_social_widget li a:focus i {
		background-color: var(--bs-secondary);
	}
	.arvity-theme .main-navigation:not(.is-sticky-menu) {
		position: relative;
	}
	.arvity-theme .main-navigation .logo:after {
        content: '';
        position: absolute;
        top: 0;
        left: -100px;
        width: 30%;
        height: 100%;
        background: var(--bs-primary);
        border-radius: 0;
        transform: skewX(40deg);
        border-right: 20px double var(--bs-white);
        z-index: -1;
        box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
    }
	.arvity-theme h4.site-title::first-letter {
		color: var(--bs-white);
	}
	.arvity-theme .home-slider, 
	.arvity-theme .home-slider .owl-item img {
        max-height: 768px;
        min-height: 768px;
        object-fit: cover;
    }
}

.btn-style-two .btn.btn-primary {
    border: none;
	transition: 0s;
}

.btn-style-two .btn:hover,
.btn-style-two .btn:focus {
    color: #fff;
}

.btn-style-two .btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--bs-secondary);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 500ms cubic-bezier(0.85, 0, 0.08, 1), -webkit-transform 500ms cubic-bezier(0.85, 0, 0.08, 1);
    -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    z-index: -1;
}

.btn-style-two .btn:hover:before {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.marquee-section {
    position: relative;
    padding: 12px 0;
    margin-top: 6.75rem;
}

.marquee-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 90px;
    width: 100%;
    background-color: var(--bs-primary);
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.marquee-box {
    position: relative;
    --duration: 30s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap);
    background: var(--bs-white);
    padding: 30px 0;
    -webkit-transform: rotate(-1.33deg);
    transform: rotate(-1.33deg);
    -webkit-box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
    box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
}

.marquee-box .marquee-group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite;
}

.marquee-box .icon {
    margin-right: 20px;
    font-size: 35px;
	color: var(--bs-primary);
}

.marquee-box .text {
    position: relative;
    color: var(--bs-secondary);
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    padding-right: 105px;
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}