/*
Theme Name: Rmix
Theme URI: https://opencollective.com/rmix
Author: Bryan Hadaway
Author URI: https://opencollective.com/rmix#section-contributors
Description: Donate: https://opencollective.com/rmix. Learn: https://rmix.me/. Rmix is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/rmix/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: rmix

Rmix WordPress Theme 2011-2024
Rmix is distributed under the terms of the GNU GPL
*/

.home .style-four .single-feature-inner{justify-content: space-between;}
.home .style-four .single-feature-box{height: 100%;margin-bottom:10px;}
.home .style-two .single-service-box{min-height: 340px; padding: 30px 40px 30px;}
.style-two .single-blog-box{height: 100%;}
.home .style-two .blog-content{padding: 25px 40px 25px;}
.home .service-area .single-service-box{z-index: 99;position:relative;}
.home .service-area .single-service-box::before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background-color: rgba(12, 90, 219, .1);
    transition: 0.5s;
    z-index: -1;
    border-radius: 30px;
}
.home .service-area .single-service-box:hover::before {
    width: 100%;
    height: 100%;
}
.choose-us-area .style-two.section-title p, .blog-area.style-two .section-title p{width:100%;}
.footer-area.style-two .row.footer-top {
    padding: 50px 0 60px;
}
.project-area.inner-style .project-content{
	overflow: hidden;
	height: 70px;
	padding: 10px 30px 20px;
}
.project-area.inner-style .single-project-box:hover .project-content {
    height: 250px;
    margin-top: -220px;
    width: 100%;
    background-color: #00a1c3;
}
.project-area.inner-style .single-project-box:hover .project-content h4 {
    color: #000;
}
.project-area.inner-style .single-project-box:hover .project-content p,
.project-area.inner-style .single-project-box:hover .project-content ul li,
.marquee-section .marquee-block .content-box .title{
    color: #fff;
}
.project-area.inner-style .single-choose-us-item ul li:before{
    background-color: #fff;
}
.project-area.inner-style .single-choose-us-item ul li{
	font-size: 16px;
	margin-bottom: 14px;
	color:inherit;
}
.counter-area.style-two .counter-content{
    box-shadow: inset -30000px 0 0px #00a1c3;
    border: 0px;
}
.home .style-two .row.counter-bg{background: #e6f6f9;}
.inner-style .faq-singular .faq-question{
    padding: 10px 10px 10px 20px;
    background: #e6f6f9;
}
.brand-area.style-two{padding: 80px 0 70px;}

.certificates.style-one .team-content{bottom: 0px;}
.certificates.style-one .team-bio{padding: 10px 0 10px;}
.certificates.style-one .team-bio h4{padding:0px; margin:0px;}

.contact-area.style-three .contact-info-content h4{line-height: 30px;}
.award-agency-area.hs-video .overlay-bg::before,
.award-agency-area.hs-video video{
	border-radius: 50px;
}
.home .about-area.style-four {
    background-color: #e6f6f9;
}

.home .style-three.hero-area{
    height: 800px;
    margin-top: 0;
}
.home .style-two.about-area .section-title.style-three{
    padding-top: 20px; 
}

.style-three.section-title h1,
.style-four .feature-desc p,
.service-area.style-two p.service-desc,
.home .style-two.about-area .counter-single-box .counter-desc,
.hero-area.style-three .hero-content h1,
.style-two .footer-info-title{
    color: #494949;
}
.style-two .single-service-box{
    background-color: #d6d6d6;
    border: 1px solid #494949;
    border-radius: 30px;
}
.home .service-area .single-service-box::before,
.style-four .single-feature-box:hover::before{
    background-color: #b0dae4;
}
.service-area.style-two .style-three .section-btn a::before{
    border: 1px solid #00a1c3;
}
.inner-style.faqs-area{
    background: #FFF;
}
.footer-area.style-two {
    background-color: #00a1c3;
}
.style-one.testimonial-area .owl-dots{
    display:none;
}
.style-one .testi-desc p{
    margin-top: 10px;
}
.style-two .footer-wiget-menu ul li a,
.style-two .footer-wiget-title h3,
.style-two .footer-info-sub-title i,
.style-two .footer-botton-social ul li a:hover,
.style-two .footer-info-title,
.style-two .footer-info-desc,
.footer-info-sub-title a{
    color: #fff;
}

.brand-area .owl-carousel .owl-item img.star {
    -webkit-animation: rotateme 8s linear infinite;
    animation: rotateme 8s linear infinite;
}
.brand-area.style-foure {
    background: #494949;
    padding: 40px 0 40px;
}
.inner-style .job-apply-button a:hover {
    border: 2px solid #00a1c3;
    background: #00a1c3;
}
.service-area.style-two,
.counter-area.style-two{
    padding: 70px 0 60px;
}
.location-icon:before,
.location-icon:after{
    background-image: linear-gradient(90deg, #686868 0%, #f3f7fd 100%);
}
.footer-whats-app {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    left: 15px;
    z-index: 100;
}
.footer-whats-app i {
    font-size: 30px;
    position: relative;
    top: 9px;
    left: 0px;
}

.footer-certified {
    position: fixed;
    float: right;
    z-index: 999;
    border-radius: 10px;
    right: 10px;
    bottom: 90px;
}
.footer-certified img {
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-name: upAndDown-dea750ec;
    animation-timing-function: ease-in-out;
    max-width: 70px;
}
@keyframes upAndDown-dea750ec{
    0%, 100% {
        transform: translate(0);
    }
    50% {
        transform: translateY(10px);
    }
}
.footer-certified img.first-img {
    max-width: 145px;
    margin-bottom: 15px;
}

.hs-header-banner{margin-top:0px;}
.mean-container .mean-bar {
    background: #00a1c3;
}
.mean-container .mean-bar::before {
    content: "RMIX";
}




@-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
}
@keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
}

@media screen and (max-width:1200px) {
	.home .style-four .single-feature-box{
		height: auto;
	}
}

@media screen and (max-width:768px) {
	.hero-area.style-three .hero-right {
        display: block;
		margin-bottom: 50px;
		margin-top: 20px;
    }
	.hero-area.style-three .hero-right .hero-thumb img {
		width: 100%;
	}
	.style-three.section-title h1, .style-two .section-title h1 {
        line-height: 32px;
    }
	.style-two .counter-content{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.style-two .counter-content h3, .counter-content2 h3, .counter-content span, .counter-content2 span{
		font-size: 26px;
	}
	.home .style-three.hero-area{
	    height: 950px;
	}
	.hs-header-banner{margin-top:64px;}
	.hs-video video{width: 100%;height: auto;}
	.page-id-15 .location-area{padding-top:5rem !important;}


}