/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body{background:#f7f7f7;}
header{top: 0;position: fixed !important;width: 100%;}
.sticky-header .main-header{background:#FFF !important;}
.about-list ul li{width:50%;float:left;}
@keyframes float {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}
.container{max-width:1140px;margin:0 auto;}
.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	margin-bottom:30px;
}

.case-card {
    border: 1px solid #eee;
    padding: 15px;
    transition: 0.3s;
    background: #FFF;
    border-radius: 5px;
}

.case-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.case-card a{color:#000;}
.case-thumb img {
    width: 100%;
    height: 300px;
}
.case-card h2{font-size:18px;color:#4285F4;}
.case-card h2 a{color:#4285F4;}
.case-hero{position:relative;background-repeat: no-repeat;background-size: cover;margin-bottom:30px;background-color: #000;color: #FFFF;}
.case-hero:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#00000073;z-index:0;}
.case-hero .overlay{padding:90px 0;z-index: 2;position: relative;}
.case-hero .overlay h1{color:#FFF;}
.custom-breadcrumb {
    font-size: 14px;
    margin-bottom: 20px;    color: #FFF;
}

.breadcrumbs a, .custom-breadcrumb a {
    color: #FFF;
    text-decoration: none;
}

.custom-breadcrumb span {
    color: #FFF;
    font-weight: 500;
}

.case-study-item {
    background: #F7F7F7;
    border: 1px solid #eee;
    padding: 20px;
    transition: 0.3s ease;
}

.case-study-item:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}
.case-study-image {
    height: 250px;            /* Set fixed height */
    overflow: hidden;
}
.case-study-image img {
    margin-bottom: 15px;
	 width: 100%;
    height: 100%;
    object-fit: cover;        /* Important */
    display: block;
}
.case-study-category {
    margin-top: -25px;display: flex;
    align-items: center;
    justify-content: space-between;
}
.case-study-category span {
    background: #4285F4;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 5px;
}

.case-study-date {
    background: #4285F4;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    
}
.case-study-content h3,.case-study-content h3 a{color:#4285F4;text-decoration:none;}

.newslists .item{border-radius:20px;box-shadow: 0 6px 15px -3px #00000061;margin:10px;}
.newslists .item .news_img img{border-top-left-radius: 25px; border-top-right-radius: 25px;}
.newslists .caption{padding: 1rem;}
.newslists .caption h3{margin-top:0;}
.newslists .caption h3 a{color:#0d0d0d;font-size: 1.25rem;line-height: 1.75rem;    font-family: "Bebas Neue", sans-serif;text-decoration:none;}
.newslists .caption .post_content{font-size: 0.875rem;line-height: 1.25rem;color:#737373;}
.newslists .caption .btn{color:#b81e33;text-decoration:none;}

.amit-blogs-owl .case-study-item{background:#FFF;}
.search-results .no-results{margin-bottom:30px;}

.blog-wrapper {
    display: flex;
    gap: 40px;
}

.main-content {width: 70%;background: #FFF;padding: 10px;}

.sidebar {width: 30%;}

.sidebar-widget {margin-bottom: 20px;padding: 20px;border: 1px solid #c0c0c0;background: #FFF;}
.sidebar-widget .search-form label{width:65%;float: left;}
.widget-title {font-size: 18px;margin-bottom: 15px;margin-top:0;}
.recent-post-item {display: flex;gap: 12px;margin-bottom: 20px;}
.recent-thumb img {width: 70px;height: 70px;object-fit: cover;border-radius: 6px;}
.recent-content {display: flex;flex-direction: column;}
.recent-title {font-size: 14px;font-weight: 600;text-decoration: none;color: #000;margin-bottom: 5px;}

.main-content .case-content>h3{margin-top:0;}
.recent-title:hover {
    color: #05713D;
}

.recent-date {
    font-size: 12px;
    color: #777;
}
.article-author-box {
    display: flex;
    gap: 20px;
    padding: 10px;
    margin-top: 40px;
    border-top: 1px solid #eee;
    align-items: center;
}

.author-avatar img {
    border-radius: 50%;width: 50px;
}

.author-details {
    flex: 1;
}

.author-name {
    font-size: 18px;
    margin-bottom: 5px;
}

.author-name a {
    color: #05713D;
    text-decoration: none;
}

.author-name a:hover {
    text-decoration: underline;
}

.author-date {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}

.author-bio {
    font-size: 14px;
    line-height: 1.6;
}
.social-icons li{list-style:none;float:left;display:inline-block;padding:5px;}
.social-icons li a, .social-icons li a i{font-size:18px;color:#4285F4;}
.social-shre-sec{display:inline-block;}

.footer-recent-posts .recent-post-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.footer-recent-posts .recent-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.footer-recent-posts .recent-title {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    display: block;
    margin-bottom: 4px;
}

.footer-recent-posts .recent-title:hover {
    color: #05713D;
}

.footer-recent-posts .recent-date {
    font-size: 12px;
    color: #ccc;
}
.wpforms-container{background:#FFF !important;}
/* responsive css */
@media (max-width: 1139px){
	.container{max-width:100%;padding:0 10px;}
	.case-grid{grid-template-columns: repeat(2, 1fr);}
	.blog-wrapper{padding:0 15px;gap: 20px;display: inline-block;}
}
@media (max-width: 800px){
	.main-content{width:100%;}
	.sidebar{width:100%;margin-top:10px;}
}
@media (max-width: 767px){
	.main-content{width:100%;}
	.sidebar{width:100%;}
	.case-grid{gap: 20px;}
}

@media (max-width: 700px){
	.case-grid{grid-template-columns: repeat(1, 1fr);gap: 10px;}
}