/* 
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 */

.site_header{box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);}
.gradient_iconBox .elementor-icon-box-icon .elementor-icon{ display: inline-flex; justify-content: center; align-items: center; width: 55.99px; height: 55.99px; background: linear-gradient(180deg, #00C89E 0%, #30ECC5 100%); border-radius: 16px;
}
.bluegradient_iconBox .elementor-icon-box-icon .elementor-icon{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; background: linear-gradient(180deg, #000F60 0%, #001A8F 100%); border-radius: 16px;
}
.hfe-breadcrumbs-item a{text-decoration:none; }
.bg_btn .elementor-button-icon{ margin-left:auto;}
.solutions-megamenu-wrapper ul.sub-menu{width:640px !important; background:transparent !important; }
.solutions-megamenu-wrapper .elementor-custom-embed-image-overlay img{border-radius:12px;}
.solutions-megamenu-wrapper .hfe-sub-menu-item{    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
    align-items: flex-start !important;
    padding: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}
.solutions-megamenu-wrapper .hfe-sub-menu-item * {
    pointer-events: auto !important;
    cursor: initial;
}
@media screen and (max-width:640px){
	.solutions-megamenu-wrapper ul.sub-menu{width:100% !important; background:#fff !important; }
}
.banner-heading span{ color:#00C89E;}
.ctaPrimary{ position:relative;}
.ctaPrimary:after{position:absolute; bottom:0; right:0; height:225px; width:190px; background:url('/wp-content/uploads/2025/12/Path.png') no-repeat top left; content:''; background-size:100% auto;}
.ctaPrimary .e-con-inner{position:relative; z-index:1;}


.testiBlock{border-radius:0 100px 0 100px;}
.testiBlock .elementor-testimonial-wrapper{position:relative; padding-right:170px;}
.testiBlock .elementor-testimonial-wrapper:after{background:url('/wp-content/uploads/2025/12/quoteIcon.png') no-repeat bottom right; background-size:100% auto; content:''; display:inline-block; width:134px; height:105px; position:absolute; right:0; bottom:0;}
.testiBlock .testi-rating{ display:flex; gap:4px; align-items:center; margin-top:24px; padding-bottom:24px; border-bottom:1px solid #BEBCBD; margin-bottom:4px;}
.testiBlock .testi-rating span{ font-size:20px; color:#000F60; font-weight:500;}
.testiBlock .testi-rating i{ color:#F8BF59; font-size:16px;}
.custom-arrows{text-align:center; display: flex; justify-content: center; gap: 16px; }
.custom-arrows button{width:48px; height:48px; border-radius:100%; display: flex; justify-content: center;  align-items: center;  background:#fff !important; color:#000000; box-shadow:0 4px 14px 0 rgba(0,0,0,0.16);}
.custom-arrows .slick-arrow.slick-disabled{color:#B6B6B6;}
.custom-arrows .slick-arrow.prevArrow svg{ transform:rotate(180deg);}
/*
.testiSlider .slick-track{padding-bottom:35px;}

.testiSlider .slick-slide:not(.slick-active){opacity:0;}

.testiSlider .slick-slide {
    transform: scale(0.7);
    transition: 0.2s ease;
    z-index: 1;
    position: relative;
	margin-left:-140px;
	margin-right:-140px;
}

.testiSlider .slick-slide.is-active {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    box-shadow: 0 17px 52px rgba(46,33,61,0.08);
	margin:0;
}
*/
.post-featured-img{ width:100%; max-height:550px; min-height:375px; border-radius:0 0 30px 30px !important; object-fit:cover;}
.single-post-wrapper{max-width:1180px; padding-left:16px; padding-right:16px; display:block; margin:0 auto; font-family: "Poppins";}
.single-post-wrapper .breadcrumb{padding:30px 0; color:#000F60; font-family: "Poppins";}
.single-post-wrapper .breadcrumb span{ font-weight:700;}
.single-post-wrapper .breadcrumb a{color:#000F60;}

.single-post-grid .post-content h1{font-size:32px; color:#000F60; font-weight:600; margin-top: 30px;  margin-bottom: 20px; letter-spacing: -1px;}
.single-post-grid .post-content h2{font-size:24px; color:#000F60; font-weight:600;}
.single-post-grid .post-content h3{font-size:20px; color:#000F60; font-weight:600;}
.single-post-grid .post-content h4{font-size:18px; color:#000F60; font-weight:600;}
.single-post-grid .post-content h5{font-size:16px; color:#000F60; font-weight:600;}
.single-post-grid .post-content h6{font-size:15px; color:#000F60; font-weight:600;}
.single-post-grid .post-content p,
.single-post-grid .post-content ul li,
.single-post-grid .post-content p a,
.single-post-grid .post-content ol li{color:#434343; line-height:1.6; letter-spacing: 0.43px; }
.single-post-grid .post-sidebar h3{font-size:20px; color:#000F60; font-weight:600; margin-top:0; margin-bottom:24px;  }
.single-post-grid {
    display: grid;
    grid-template-columns: 5fr 2fr;
    gap: 40px;
}

.post-sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
    font-size: 15px;
}

#toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#toc li {
    margin-bottom: 10px; letter-spacing: 0.43px;
}

#toc a {
    text-decoration: none;
    color: #434343;
    border-left: 3px solid transparent;
    padding: 10px 20px;
    display: block;
    transition: all 0.2s ease;
}

#toc a:hover {
    color: #000F60;
}

#toc a.active {
    color: #000F60;
    font-weight: 600;
    border-left-color: #00C89E;
}
.single-post-header .author{ display:inline-flex; align-items:center; gap:5px;}
.single-post-header .author-img{flex:0 0 40px;}
.single-post-header .author-img img{width:40px; height:40px; border-radius:40px; object-fit:cover; }
.single-post-header .author-info{flex:auto; display:inline-flex; flex-direction:column;}
.single-post-header .author-info .date,
.single-post-header .read-time, .card-footer .time{color:#4F4F4F; font-size:12px; opacity:0.7; display:inline-flex; align-items:center; gap:5px;}
.single-post-header .author-name{color:#000F60; font-size:16px; font-weight:600;}
.single-post-header .post-meta{ display:flex; justify-content:space-between; align-items:center;}
.meta-right-info{display:inline-flex; gap:10px; align-items:center;}
.meta-right-info .share-post{display:inline-flex; cursor:pointer;}

.recent-posts-wrapper {
    padding: 15px 0 0;
}

.recent-posts-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

.recent-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
    gap: 16px;
}
#filtered-posts .recent-post-card{max-width:373px;}
.recent-post-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.10);
    transition: transform .2s ease;
	font-family: "Poppins";	
}

.recent-post-card:hover {
    transform: translateY(-6px);
}

.card-image {
    position: relative;
    display: block;
	vertical-align:top;
}

.card-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
	vertical-align:top;
}

.card-badge {
    position: absolute;
    top: 16px;
    left: 24px;
    background: rgba(255,255,255,0.3);
    color: #fff;
    padding:10px;
    border-radius: 4px;
    font-size: 14px;
}

.card-content {
    padding: 20px 24px;
	background: linear-gradient(to bottom, #e7e1ff 0%,#ffffff 100%);
}
.recent-posts-grid .recent-post-card:nth-child(2n) .card-content{background: linear-gradient(to bottom, #FFEEE4 0%,#ffffff 100%);}

.card-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
	margin-top:0;
	color:#000F60;
}
.card-content h3 a{color:inherit;}

.card-content p {
    font-size: 16px;
    color: #434343;
    line-height: 1.6;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    font-size: 13px;
    color: #777;
}

.share-icon {
    text-decoration: none;
    font-size: 16px;
}
body.single .recent-posts-view-more{ display:none;}
.recent-posts-view-more {
    text-align: center;
    margin-top: 30px;
}

.recent-posts-view-more a {
    font-weight: 600;
    text-decoration: none;
	color:#000F60;
	display:inline-flex;
	gap:8px; align-items:center;
}
span.hfe-breadcrumbs-home-icon{margin:0;}

.top-filter-bar{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.top-filter-bar input{background:#F8F8F8; border:1px solid #E9E9E9; border-radius:8px; max-width:40%; font-size:14px;}
.post-tabs{ display: inline-flex;  gap: 12px;}
.post-tabs .tab{color:#fff; font-size:16px; padding:10px 16px; border-radius:24px; border:1px solid #00C89E; background-color:#00C89E;line-height: 102%; }
.post-tabs .tab:hover{background:#00C89E; color:#fff;}
.post-tabs .tab.active{color:#000F60; background:#fff; }
.blog-page-filter-wrapper .recent-posts-wrapper { padding: 36px 0 0; }
.blog-page-filter-wrapper .recent-post-card{max-width:370px;}
.post-filter-wrapper{display:flex; flex-direction:column; }
.post-filter-wrapper #load-more{ margin-left:auto; margin-right:auto; margin-top:30px; background:#fff; display: inline-flex;
    align-items: center;  gap: 8px; }


.trending-posts-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;     font-family: "Poppins";
}


.trending-large-card {
    display: flex;
    gap: 24px;
    padding: 24px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #e7e1ff 0%, #ffffff 100%);
	border:1px solid #E9E9E9;
	align-items:center;
}
.trending-left{    display: flex;
    flex-direction: column;
    gap: 24px;}
.trending-left .trending-large-card:nth-child(2n){    background: linear-gradient(to bottom, #FFEEE4 0%, #ffffff 100%);}

.trending-large-card img {
    width: 100%; height:100%;
    border-radius: 10px;
    object-fit: cover; min-height: 262px;
}

.trending-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
	overflow-y: auto;
    padding: 10px;
    max-height: 660px;
}
.trending-right::-webkit-scrollbar { width: 3px; }
.trending-right::-webkit-scrollbar-track { background: #fff;}
.trending-right::-webkit-scrollbar-thumb { background: #00C89E; border-radius:3px;}
.trending-right::-webkit-scrollbar-thumb:hover { background: #00C89E;}

.trending-small-card {
    display: flex;
    gap: 14px;
    padding: 12px 10px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #FFEEE4 0%, #ffffff 100%);
	box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);
}
.trending-small-card:nth-child(2n){background: linear-gradient(to bottom, #e7e1ff 0%, #ffffff 100%);}
.trending-small-card .thumb{flex:0 0 72px;}
.trending-small-card img {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
}
.trending-small-card .badge{color:#4F4F4F; font-size:10px; font-weight:500;}
.trending-small-card .content h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    color: #000F60;
}
.trending-small-card .content h4 a{color:inherit;}
.trending-small-card .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    font-size: 13px;
    color: #777;
}
.trending-small-card .share, .trending-large-card .share{ display:inline-flex; }
.trending-small-card .meta .time {
    color: #4F4F4F;
    font-size: 10px;
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}


.trending-large-card .image{position:relative; flex: 0 0 50%; }
.trending-large-card .image .badge{ position:absolute; top: 16px; left: 24px; background: rgba(255, 255, 255, 0.3); color: #fff; padding: 10px;
    border-radius: 10px; font-size: 14px;}
.trending-large-card .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 0;
    color: #000F60;
}
.trending-large-card .content h3 a{color:inherit;}
.trending-large-card .content p {
    font-size: 16px;
    color: #434343;
    line-height: 1.6;
}
.trending-large-card .meta{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    font-size: 13px;
    color: #777;
}
.trending-large-card .meta .time {
    color: #4F4F4F;
    font-size: 12px;
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.single-hero{position:relative;}
.single-hero .mobile-info{ position:absolute; top:25px; left:30px; bottom:30px; right:25px; display:none;}
.single-hero .card-badge{top:auto; left:0; bottom:0; color:#fff !important;}
.back-btn{width:30px; height:30px; border-radius:30px; background:#fff; display:inline-flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; cursor:pointer; text-decoration:none;}

/* solution section */
  .solutions-section {
           max-width:700px;
	 		margin:0 auto;
        }
        
        /* Tab Navigation */
        .solutions-section .tab-navigation {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-bottom: 24px;
            flex-wrap: wrap;
        }
        
        .solutions-section .tab-btn {
            padding: 10px 16px;
            border-radius: 50px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid #00C89E;
            background: #00C89E;
            color: #fff;
            white-space: nowrap;
        }
        
        .solutions-section .tab-btn:hover {
            border-color: #00C89E;
			background: #fff;
            color: #000F60;
        }
        
        .solutions-section .tab-btn.active {
            border-color: #00C89E;
			background: #fff;
            color: #000F60;
        }
        
        /* Slider Container */
        .solutions-section .solutions-slider-wrapper {           
            overflow: hidden;
        }
        
        .solutions-section .solutions-slider {
            outline: none;
        }
        
        /* Slide Content */
        .solutions-section .slide-content {
            display: flex !important;
            align-items: stretch;
			gap:24px;
        }
        
        .solutions-section .slide-image {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
			padding:24px;
			max-width:290px;
            background: #fff;
            border-right: 1px solid #E9E9E9;
			border-radius:16px;
        }
        
        .solutions-section .slide-image img {
            max-width: 100%;
            max-height: 350px;
            object-fit: contain;
        }
                        
        .solutions-section .slide-text {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        /* Accordion Container */
        .solutions-section .accordion-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        /* Accordion Item */
        .solutions-section .accordion-item {            
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
                
        /* Accordion Header */
        .solutions-section .accordion-header {
            padding: 0;
            position: relative;
        }
        
        .solutions-section .accordion-title {
            font-size: 20px;
            font-weight: 600;
            color: #808080;
            transition: color 0.3s ease;
			margin:0;
        }
        
        .solutions-section .accordion-item.active .accordion-title {
            color: #000F60;
        }
        
        .solutions-section .accordion-item:hover .accordion-title {
            color: #000F60;
        }
        
        .solutions-section .title-progress-bar {
            width: 100%;
            height: 6px;
            background: #E9E9E9;
            border-radius: 6px;
            margin-top: 10px;
            overflow: hidden;
            opacity: 1;
            transition: opacity 0.3s ease;
        }
        
        .solutions-section .accordion-item.active .title-progress-bar {
            opacity: 1;
        }
        
        .solutions-section .title-progress-fill {
            height: 100%;
            width: 0%;
            background: #00C89E;
            border-radius: 6px;
        }
        
        .solutions-section .accordion-item.active .title-progress-fill {
            animation: fillProgress 5s linear forwards;
        }
        
        .solutions-section .accordion-item.active.paused .title-progress-fill {
            animation-play-state: paused;
        }
        
        @keyframes fillProgress {
            from { width: 0%; }
            to { width: 100%; }
        }
        
        /* Accordion Content */
        .solutions-section .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            padding: 0;
        }
        
        .solutions-section .accordion-item.active .accordion-content {
            max-height: 200px;
			padding:20px 0 0;
        }
        
        .solutions-section .accordion-description {
                font-size: 16px;
				line-height: 1.4;
				color: #808080;
				margin: 0;
        }
        
        /* Slick Arrows & Dots Hidden */
        .solutions-section .slick-arrow,
        .solutions-section .slick-dots {
            display: none !important;
        }

.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
        display: flex; gap: 10px;
    }
        
        /* Responsive */                
        @media (max-width: 767px) {
			
			.solutions-section .slide-content {
                flex-direction: column;
                min-height: auto;
				align-items:center;
            }			
					         
            .solutions-section .slide-text {
                padding: 0;
            }
			.solutions-section .accordion-description {
                font-size: 14px; text-align:center;
            }
            .solutions-section .tab-navigation {
                gap: 10px;
            }
            
            .solutions-section .tab-btn {
                padding: 6px 12px;
                font-size: 12px;
            }
                                    
            .solutions-section .accordion-title {
                font-size: 14px; text-align:center;
            }
			.solutions-section .accordion-list{gap:10px;}
			.solutions-section .accordion-item:not(.active){display:none;}
        }

@media screen and (max-width:992px){
	.banner-stack-slider .elementor-image-carousel-wrapper:after{ margin-top: -42px;  background-size: auto 135px; height: 135px;}
}
@media screen and (max-width:767px){
	.heroBannerTxt p br{ display:none;}
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
        display: flex; gap: 10px;
    }
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{ margin-top:0; text-align:left; }
	 .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper .elementor-image-box-content{text-align:left;}
	.featuresMAlist{ display:flex; flex-direction:column;}	
	.ctaPrimary:after{ width:130px; height:160px;}
	.site_header .hfe-nav-menu__align-left{margin-right:auto;}
	
	.testiSlider .slick-slide {margin:0; transform:none;}
	.testiBlock .elementor-testimonial-wrapper:after{width:67px; height:51px; bottom: -60px; }
	.testiBlock .elementor-testimonial-wrapper{padding-right:10px; overflow:visible; }
	
	
	.post-featured-img{ border-radius:0 0 10px 10px;}
	.single-post-wrapper .breadcrumb, .post-sidebar{display:none;}
	.single-post-grid {
        grid-template-columns: 1fr;
    }
	.recent-posts-wrapper{padding:0;}
	
    body.archive .recent-posts-grid {
		flex-direction:column;
	}
	
	.recent-posts-grid {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }

    .recent-posts-grid > * {
        flex: 0 0 280px;
        scroll-snap-align: start;
    }
	.archive-posts-wrapper .recent-posts-grid > *, .post-filter-wrapper .recent-posts-grid > * { flex: auto; }
	.archive-posts-wrapper .recent-posts-grid, .post-filter-wrapper .recent-posts-grid { flex-direction:column;}

    /* Optional: hide scrollbar */
    .recent-posts-grid::-webkit-scrollbar {
        display: none;
    }
	.single-post-header{margin-top:20px;}
	.single-post-grid .post-content h1 { font-size: 20px; margin-top:16px; margin-bottom:16px;}
	.single-post-grid .post-content h2{font-size:18px; color:#000F60; font-weight:600;}
	.single-post-grid .post-content h3{font-size:16px; color:#000F60; font-weight:600;}
	.single-post-grid .post-content h4{font-size:15px; color:#000F60; font-weight:600;}
	.single-post-grid .post-content h5{font-size:14px; color:#000F60; font-weight:600;}
	.single-post-grid .post-content h6{font-size:14px; color:#000F60; font-weight:600;}
	.single-post-header .author-name { max-width: 70%; text-overflow: ellipsis; overflow: hidden; }
	.single-post-header .author{max-width:60%;}
	.single-post-grid .post-content p, .single-post-grid .post-content ul li, .single-post-grid .post-content p a, .single-post-grid .post-content ol li{
		font-size:14px;
	}
	.single-post-header .author-name{font-size:12px;}
	.single-post-header .author-info .date, .single-post-header .read-time, .card-footer .time{font-size:10px;}
	.card-content h3{font-size:14px;}
	.card-content p{display:none;}
	.card-badge{ padding: 6px; border-radius: 4px; font-size: 10px; left:16px; }
	.card-content { padding: 20px 16px;}
	
	.blog-page-filter-wrapper .recent-posts-wrapper { padding: 20px 0 0; }
	.post-tabs{overflow-x: auto;  overflow-y: hidden;  scroll-snap-type: x mandatory;  -webkit-overflow-scrolling: touch;  padding-bottom: 10px; width:100%; }
	.post-tabs::-webkit-scrollbar {
        display: none;
    }
	.top-filter-bar{flex-direction:column-reverse; justify-content:flex-start; align-items:flex-start; gap:16px;}
	.top-filter-bar input{max-width:100%; }
	.post-tabs{gap:8px;}
	.post-filter-wrapper #load-more{margin-top:16px;}
	
	.trending-posts-layout{grid-template-columns:1fr;}
	.trending-right{display:none;}
	.trending-posts-layout .trending-left{ flex-direction:row; scroll-snap-type: x mandatory;  -webkit-overflow-scrolling: touch; -ms-overflow-style: none;  scrollbar-width: none; overflow-x: auto; gap:16px;}
	.trending-posts-layout .trending-left .trending-large-card{ min-width:250px;}
	.trending-large-card{flex-direction:column; gap: 16px; padding: 16px; }
	.trending-large-card .content h3 { font-size:14px;}
	.trending-large-card .content p{display:none;}
	.trending-large-card img{min-height:220px;}
	.trending-large-card .image .badge{  padding: 6px; border-radius: 4px; font-size: 10px; left: 16px; }
	.single-hero .mobile-info{display:block;}
	
	
	.banner-stack-slider .elementor-image-carousel-wrapper:after{ margin-top: -25px;  background-size: auto 60px; height: 70px;}
	.box-shadow-sm{box-shadow:0 4px 60px 0 rgba(0,0,0,0.08);}
}

/* case studies section */  
    .cs-container {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .cs-header {
        text-align: center;
        margin-bottom: 30px;
    }
       
    .cs-tabs-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
        position: relative;
    }
    
    .cs-tabs {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .cs-tab {
        padding: 10px 16px;
        border-radius: 50px;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s ease;
        border: 1px solid #00C89E !important;
        background: #00C89E !important;
        color: #fff !important;
        white-space: nowrap;
    }
    
    .cs-tab:hover {
        border-color: #00C89E !important;
		border-style:solid !important;
		background:#fff !important;
        color: #000F60 !important;
    }
    
    .cs-tab.active {
        border-color: #00C89E !important;
		border-style:solid !important;
		background:#fff !important;
        color: #000F60 !important;
    }
    
    .cs-view-all {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 16px;
        font-weight: 500;
        color: #000F60;
        text-decoration: none;
        transition: color 0.3s;
    }
    
    .cs-view-all:hover {
        color: #000F60;
    }
    
    .cs-view-all svg {
        width: 16px;
        height: 16px;
        transition: transform 0.3s;
    }
    
    .cs-view-all:hover svg {
        transform: translateX(4px);
    }
    
    /* Slider Content */
    .cs-slider-wrapper {
        margin-top: 24px;
        position: relative;
    }
    
    .cs-category-content {
        display: none;
    }
    
    .cs-category-content.active {
        display: block;
    }
    
    .cs-slider {
        margin: 0 -12px;
    }
    
    .cs-slider .slick-slide {
        padding: 0 12px;
    }
    
    .cs-slider .slick-track {
        display: flex;
    }
    
    .cs-slider .slick-slide {
        height: inherit;
    }
    
    .cs-slider .slick-slide > div {
        height: 100%;
    }
    
    .cs-slide {
        height: 100%;
    }
    
    /* Card Styles */
    .cs-card {
        background: #fff !important;
        border-radius: 8px;
        overflow: hidden;
		border:1px solid #E9E9E9;
        transition: transform 0.3s, box-shadow 0.3s;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .cs-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }
    
    .cs-card-image {
        position: relative;
        height: 180px;
        overflow: hidden;
    }
    
    .cs-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s;
    }
    
    .cs-card:hover .cs-card-image img {
        transform: scale(1.05);
    }
    
    .cs-card-content {
        padding: 15px 24px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    .cs-card-title {
        font-size: 16px;
        font-weight: 600;
        color: #000F60;
        line-height: 1.4;
        margin: 0 0 15px 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .cs-card-title a {
        color: inherit;
        text-decoration: none;
    }
    
    .cs-card-title a:hover {
        color: #000F60;
    }
    
    .cs-card-category {
        display: inline-block;
        padding: 6px 12px;
        border: 1px solid #00C89E;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 400;
        color: #000F60;
        margin-bottom: 15px;
        width: fit-content;
    }
    
    .cs-card-excerpt {
        font-size: 16px;
        color: #808080;
        line-height: 1.5;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    /* Custom Arrows */
    .cs-arrows {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 40px;
    }
    
    .cs-arrow {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid #fff;
		box-shadow:0 4px 14px 1px rgba(0,0,0,0.16);
        background: #fff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s;
    }
    
    .cs-arrow:hover {
        border-color: #fff;
        background: #fff;
    }
    
    .cs-arrow svg {
        width: 14px;
        height: 14px;
        color: #000000;
        transition: color 0.3s;
    }
.cs-arrow.cs-prev svg{    transform: rotate(180deg);}
    
    .cs-arrow:hover svg {
        color: #000000;
    }
    
    .cs-arrow.slick-disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }
    
    /* Responsive */
    @media (max-width: 1024px) {
        .cs-view-all {
            position: static;
            transform: none;
            margin-top: 10px;
            width: 100%;
            justify-content: center;
        }
        
        .cs-tabs-wrapper {
            flex-direction: column;
        }
    }
    
    @media (max-width: 768px) {               
        .cs-tab {
            padding: 6px 12px;
            font-size: 12px;
        }
        
        .cs-card-title {
            font-size: 14px;
        }
        
        .cs-card-content {
            padding: 15px 24px;
        }
    }
    
/* case studies section ends */

/* home banner 3d slider */
.slider-section {
	max-width: 840px;
	margin: 0 auto;
}

/* Slider Content */
.slider-section .progress-slider {
	margin-bottom: 20px;
}

.slider-section .slide-item {
	padding: 20px;
	outline: none;
}

.slider-section .slide-card {	
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Custom Progress Pagination */
.slider-section .progress-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding: 0;
	max-width: 850px;
    position: relative;
}

.slider-section .pagination-step {
	display: flex;
	cursor: pointer;
	flex-direction: column;
	min-width: 240px;
}

/* Circle Dot */
.slider-section .step-dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid #e5e7eb;
	background: #fff;
	position: relative;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.slider-section .step-dot::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: transparent;
	transition: all 0.3s ease;
}

/* Active & Completed States */
.slider-section .pagination-step.active .step-dot,
.slider-section .pagination-step.completed .step-dot {
	border-color: #10b981;
}

.slider-section .pagination-step.active .step-dot::after,
.slider-section .pagination-step.completed .step-dot::after {
	background: #10b981;
}

/* Step Label */
.slider-section .step-label {
	font-size: 20px;
	font-weight: 600;
	color: #808080;
	margin-left: 35px;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.slider-section .pagination-step.active .step-label,
.slider-section .pagination-step.completed .step-label {
	color: #000F60;
}

/* Progress Line */
.slider-section .progress-line {
	width:160px;
	height: 6px;
	background: #E9E9E9;
	margin: 0 16px;
	border-radius: 3px;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
    top: 0;
    left: -65px;
    margin-top: -30px;
    margin-left: -136px;
}

.slider-section .progress-line-fill {
	height: 100%;
	width: 0%;
	background: #00C89E;
	border-radius: 3px;
	transition: width 0.1s linear;
}

/* Completed line */
.slider-section .pagination-step.completed + .progress-line .progress-line-fill {
	width: 100%;
}

/* Active line - animated */
.slider-section .pagination-step.active + .progress-line .progress-line-fill {
	animation: fillProgress 5s linear forwards;
}

.slider-section .pagination-step.active.paused + .progress-line .progress-line-fill {
	animation-play-state: paused;
}

@keyframes fillProgress {
	from { width: 0%; }
	to { width: 100%; }
}


.slider-section .progress-slider:after{content:''; background-image:url('/wp-content/uploads/2026/02/slider-after.jpg'); display: block; text-align: center; margin-top: -55px; width:100%; background-size:auto 145px; background-repeat:no-repeat; background-position:top center; height: 145px;  }

.wpcf7-form-control.wpcf7-submit{ border-radius:4px !important; box-shadow: 0px 8.0574px 20.719px rgba(7, 39, 25, 0.4);}
.wpcf7-form-control:focus,.wpcf7-form-control:focus-visible{outline:none !important; box-shadow:none !important;}



/* Responsive */

@media screen and (max-width: 768px) {
	.slider-section .progress-pagination {
		flex-wrap: wrap;
		gap: 12px; padding:0;
	}
	.slider-section .pagination-step {
		gap:10px;
		text-align: center; flex-direction:row; min-width:auto; display:none;
	}
	.slider-section .pagination-step.active{display:flex;}

	.slider-section .step-label {
		margin-left: 0;
		margin-top: 8px;
		font-size: 13px;
	}
	.slider-section .progress-slider:after{ margin-top: -35px; background-size: auto 55px; height: 55px;}
	
	.slider-section .step-label {
		font-size: 16px; margin:0;
	}
	.slider-section .progress-line{display:none;}
	
	
	.footer_menu_title { border-bottom:1px solid #BEBCBD; cursor:pointer; padding-bottom:20px; position:relative; background-image:url('https://magenta-tapir-171478.hostingersite.com/wp-content/uploads/2026/04/nav-arrow-down.svg'); background-repeat:no-repeat; background-position:top right; background-size:auto 24px; }	
	.footer_menu_wrapper{ display:none;}
}

@media (max-width: 639px) {
	
}

/* home banner 3d slider ends */