/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2026 | 13:53:31 */
/* html, body{
	overflow-x:hidden;	
} */

.page-content a{text-decoration:none;}

a, button, div {
  -webkit-tap-highlight-color: transparent;
}


/* timeline css */
.timeline-parent {
  counter-reset: step;
  position: relative;
	
}

.timeline-child {
  counter-increment: step;
  position: relative;
/*   transform: translateY(30px); */
  transition: all 0.4s ease;
	z-index: 1;
}

.timeline-child::before {
  content: counter(step, decimal-leading-zero);
  position: absolute;
  left: -46px;
  top: 8px;
  width: 40px;
  height: 40px;
  background: #008DF1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
	border: #008DF1 solid thin;
	transition: all 0.3s ease;
}

.timeline-parent::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 4px;
  height: 100%;
  background: #008DF1;
	z-index:1
}
/* timeline css end*/


/* ===== Gradient ANIMATION ===== */
@keyframes ani-your_css_selector_here {
    0% {
        --y-0: 63%;
        --s-start-0: 8.392121895570533%;
        --s-end-0: 38.584065253664996%;
        --c-0: hsla(204, 100%, 21%, 1);
        --x-0: 93%;
        --y-1: -7%;
        --s-start-1: 8.392121895570533%;
        --s-end-1: 22.10878124098502%;
        --c-1: hsla(0, 0%, 0%, 1);
        --x-1: 33%;
        --y-2: 7%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 22.558651527792346%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-2: 84%;
        --y-3: 5%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 22.558651527792346%;
        --c-3: hsla(0, 0%, 0%, 1);
        --x-3: 14%;
        --x-4: 7%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 22.558651527792346%;
        --y-4: 96%;
        --x-5: 93%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 22.558651527792346%;
        --y-5: 90%;
        --c-6: hsla(189, 100%, 22%, 1);
        --x-6: 3%;
        --y-6: 61%;
        --s-start-6: 8.392121895570533%;
        --s-end-6: 39.67138181429644%;
        --s-start-7: 8.392121895570533%;
        --s-end-7: 49.58090142552271%;
        --y-7: 59%;
        --x-7: 94%;
        --c-7: hsla(189, 100%, 23%, 1);
        --s-start-8: 8.392121895570533%;
        --s-end-8: 34.815367581495366%;
        --y-8: 63%;
        --x-8: 48%;
        --c-8: hsla(204, 100%, 20%, 1);
        --x-9: 96%;
        --c-9: hsla(217, 100%, 30%, 1);
        --s-start-9: 8.392121895570533%;
        --s-end-9: 31.77166380372925%;
        --y-9: 78%;
    }

    50% {
        --y-0: 59%;
        --s-start-0: 12.892043731642234%;
        --s-end-0: 42.94837818044209%;
        --c-0: hsla(204, 100%, 20%, 1);
        --x-0: 2%;
        --y-1: 10%;
        --s-start-1: 8.392121895570533%;
        --s-end-1: 41.69445156991687%;
        --c-1: hsla(0, 0%, 0%, 1);
        --x-1: 42%;
        --y-2: 29%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 20.488815899465003%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-2: 75%;
        --y-3: 16%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 30.099844327777923%;
        --c-3: hsla(0, 0%, 0%, 1);
        --x-3: 5%;
        --x-4: 36%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 24.59566937006635%;
        --y-4: 91%;
        --x-5: 70%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 24.59566937006635%;
        --y-5: 91%;
        --c-6: hsla(189, 100%, 22%, 1);
        --x-6: 54%;
        --y-6: 73%;
        --s-start-6: 9%;
        --s-end-6: 26.825849058644888%;
        --s-start-7: 9%;
        --s-end-7: 49.05074977970796%;
        --y-7: 76%;
        --x-7: 57%;
        --c-7: hsla(189, 100%, 22%, 1);
        --s-start-8: 9;
        --s-end-8: 26.166345747226664%;
        --y-8: 53%;
        --x-8: 11%;
        --c-8: hsla(204, 100%, 20%, 1);
        --x-9: 70%;
        --c-9: hsla(217, 100%, 30%, 1);
        --s-start-9: 9;
        --s-end-9: 22.152460022684956%;
        --y-9: 70%;
    }

    100% {
        --y-1: -3%;
        --s-start-1: 8.392121895570533%;
        --s-end-1: 59.32232816638693%;
        --c-1: hsla(0, 0%, 0%, 1);
        --x-1: 76%;
        --y-2: 18%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 28.52989037790774%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-2: 97%;
        --y-3: 18%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 28.52989037790774%;
        --c-3: hsla(0, 0%, 0%, 1);
        --x-3: 42%;
        --x-4: 66%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 28.52989037790774%;
        --y-4: 95%;
        --x-5: 46%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 28.52989037790774%;
        --y-5: 92%;
        --c-6: hsla(189, 100%, 22%, 1);
        --x-6: 102%;
        --y-6: 16%;
        --s-start-6: 24.72064437400016%;
        --s-end-6: 47.490620328604024%;
        --s-start-7: 10.200720718860145%;
        --s-end-7: 50.46456494288142%;
        --y-7: 52%;
        --x-7: 22%;
        --c-7: hsla(189, 100%, 22%, 1);
        --x-9: 97%;
        --c-9: hsla(217, 100%, 31%, 1);
        --s-start-9: 6.294132688184733%;
        --s-end-9: 20.79106730744014%;
        --y-9: 51%;
    }
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 38.584065253664996%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(204, 100%, 21%, 1)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -7%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.10878124098502%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 33%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(189, 100%, 22%, 1)
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3%
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 39.67138181429644%
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 49.58090142552271%
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 94%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(189, 100%, 23%, 1)
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 34.815367581495366%
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(204, 100%, 20%, 1)
}

@property --x-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --c-9 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217, 100%, 30%, 1)
}

@property --s-start-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31.77166380372925%
}

@property --y-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 78%
}

#mesh-bg {
    --y-0: 63%;
    --c-0: hsla(204, 100%, 21%, 1);
    --x-0: 93%;
    --y-1: -7%;
    --c-1: hsla(0, 0%, 0%, 1);
    --x-1: 33%;
    --y-2: 7%;
    --c-2: hsla(0, 0%, 0%, 1);
    --x-2: 84%;
    --y-3: 5%;
    --c-3: hsla(0, 0%, 0%, 1);
    --x-3: 14%;
    --x-4: 7%;
    --c-4: hsla(0, 0%, 0%, 1);
    --y-4: 96%;
    --x-5: 93%;
    --c-5: hsla(0, 0%, 0%, 1);
    --y-5: 90%;
    --c-6: hsla(189, 100%, 22%, 1);
    --x-6: 3%;
    --y-6: 61%;
    --y-7: 59%;
    --x-7: 94%;
    --c-7: hsla(189, 100%, 23%, 1);
    --y-8: 63%;
    --x-8: 48%;
    --c-8: hsla(204, 100%, 20%, 1);
    --x-9: 96%;
    --c-9: hsla(217, 100%, 30%, 1);
    --y-9: 78%;
    background-color: hsla(262, 82%, 3%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)), radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
    animation: ani-your_css_selector_here 15s linear infinite alternate-reverse;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;
    will-change: transform, opacity;
    contain: paint;
}
/* ===== Gradient ANIMATION END ===== */




.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; }
.single-post-wrapper .breadcrumb{padding:30px 0; color:#fff; }
.single-post-wrapper .breadcrumb span{ font-weight:700;}
.single-post-wrapper .breadcrumb a{color:#fff;}

.single-post-grid .post-content h1{font-size:32px; color:#fff; font-weight:600; margin-top: 30px;  margin-bottom: 20px; letter-spacing: -1px;}
.single-post-grid .post-content h2{font-size:24px; color:#fff; font-weight:600; margin-top: 30px;  margin-bottom: 20px;}
.single-post-grid .post-content h3{font-size:20px; color:#fff; font-weight:600;}
.single-post-grid .post-content h4{font-size:18px; color:#fff; font-weight:600;}
.single-post-grid .post-content h5{font-size:16px; color:#fff; font-weight:600;}
.single-post-grid .post-content h6{font-size:15px; color:#fff; 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:#fff; line-height:1.6; letter-spacing: 0.43px; }
.single-post-grid .post-sidebar h3{font-size:20px; color:#fff; font-weight:600; margin-top:0; margin-bottom:24px;  }
.single-post-grid {
    display: grid;
    grid-template-columns:1fr;
    gap: 40px;
}

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

#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;
}


.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-fill, 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;	
}

.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, #008df11a 0%,#ffffff 100%);}

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

.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; align-items:flex-start; white-space:nowrap;}
.post-tabs .tab{color:#fff; font-size:14px; padding:12px 18px; border-radius:24px; border:1px solid #fff; background-color:transparent;line-height: 102%; }
.post-tabs .tab:hover{background:#fff; color:#000;}
.post-tabs .tab.active{color:#000; 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; color:#000F60;}

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


.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;}


.case-study-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
	margin-top:40px;
}

.case-study-card {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: stretch;
    background: #171717;
    border-radius: 32px;
    overflow: hidden;
    padding: 30px;
	border:1px solid #ffffff33;
	color:#fff;
}

.case-study-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.case-study-category {
    font-size: 14px;
    color: #12D0F4;
    margin-bottom: 18px;
    display: inline-block;
	background-color: #008DF133;
    padding: 10px 20px 10px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #008DF1;
    border-radius: 20px 20px 20px 20px;
	margin-right:auto;
}

.case-study-title {
    margin-bottom: 24px;
}

.case-study-title a {
    color: #fff;
	display:inline-block;
	line-height:1.2;
    text-decoration: none;
	font-size: 2.5rem;
}
.case-study-title a:hover{
	color:#12D0F4;
}

.case-study-excerpt {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #D5D5D5;
    margin-bottom: 35px;
    max-width: 575px;
}

.case-study-stats {
    display: flex;
    gap: 50px;
    padding-top: 30px;
    border-top: 1px solid #FFFFFF33;
    margin-bottom: 30px;
}

.stat-item h3 {
    font-size: 44px;
    line-height: 1;
    margin-bottom: 12px;
    color: #008DF1;
}

.stat-item p {
    font-size: 16px;
    line-height: 1.5;
    color: #D5D5D5;
    max-width: 240px;
}

.case-study-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: #000 !important;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 999px;   
    width: fit-content;
    transition: 0.3s ease;
}

.case-study-btn:hover {
    transform: translateY(-2px);
    opacity: 0.92;
}

.case-study-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 28px;
    display: block;
}
.case-study-image.visible-small-devices{ display:none;}



@media (max-width: 1024px) {
	.case-study-image.visible-small-devices{ display:block; margin-bottom:15px;}
	.case-study-image.visible-large-devices{ display:none;}
	
    .case-study-card {
        grid-template-columns: 1fr;
    }

    .case-study-title a {
        font-size: 2rem;
    }

    .case-study-excerpt {
        font-size: 14px;
    }

    .stat-item h3 {
        font-size: 48px;
    }
	.case-study-title{margin-top:0; margin-bottom:15px;}
	
	
}

@media (max-width: 767px) {
	.timeline-child::before{
		left:0px;
	}
    .case-study-card {
        padding: 20px;
        border-radius: 24px;
        gap: 25px;
    }

    .case-study-title a {
        font-size: 1.8rem;
    }

    .case-study-stats {
        flex-direction: column;
        gap: 25px;
    }

    .case-study-btn {
        width: 100%;
        justify-content: center;
        font-size: 18px;
    }

    .case-study-image img {
        border-radius: 18px;
    }
}

@media screen and (max-width:767px){
		
	.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;
    }
	body.archive .recent-posts-grid > *{
		flex:auto;
	}
	
	.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:#fff; font-weight:600;}
	.single-post-grid .post-content h3{font-size:16px; color:#fff; font-weight:600;}
	.single-post-grid .post-content h4{font-size:15px; color:#fff; font-weight:600;}
	.single-post-grid .post-content h5{font-size:14px; color:#fff; font-weight:600;}
	.single-post-grid .post-content h6{font-size:14px; color:#fff; 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;}
		
	.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);}
}


@media all and (min-width: 1025px) {
    .box-shadow-choose {
        box-shadow: -50px -50px 80px 150px #000000 !important;
    }
}