/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 01 2025 | 05:17:47 */

.hero-section1{margin-top: -89px; position:relative;}

.category  .grid-container{width:100%; max-width: 100%;}
/************************single page css************/

/* Two Column Layout */
  .blog-container {
    display: flex;
    max-width: 1216px;
    margin: auto;
    gap: 136px;
	padding-top:112px;
	  padding-bottom:112px;
	  
}
.post-slide .post-inner img{width:100%;  }
/* Left Column (Main Content) */
.blog-container .left-column {
    flex: 2;
    max-width:800px;
	   
}

/* Right Column (Sidebar) */
.blog-container  .right-column {
    flex: 1;
    position: relative;
	  max-width:280px;
}

/* Sticky Sidebar */
.blog-container  .sidebar {
   
    width: 100%;
    position: relative; /* Normal state */
}
 .post-line{border-bottom: 1px dotted #190505;
    height: 1px; opacity:25%;
	

}
.blog-catagory h2{
  padding-bottom:32px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
	color:#190505;
}
.blog-catagory ul{
	padding-bottom:32px;
margin-left: 4px;
	margin-bottom:0px;
list-style: none; display: flex
;
    flex-direction: column;
    list-style: none;
    gap: 16px; }
.blog-catagory ul li{
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
	color:#190505;
}
.more-catagory h2{padding-top:32px; padding-bottom:32px; font-family: Inter;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
	color:#190505;
}
.more-catagory h3{padding-top:16px; padding-bottom:8px;}
.more-catagory h3 span{
font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 150%;
	letter-spacing: 0%; color:#190505;} 
.dot{vertical-align: middle; color:#190505; margin:0px 16px;}

.more-catagory .inner p{font-family: Inter;
font-weight: 700;
font-size: 18px;
line-height: 120%;
letter-spacing: 0%;
	color:#190505;
padding-bottom:32px;
	
}

.counter-div{background-color:#FFF9F9;padding:40px; border-radius:8px;     margin-top: 64px;}
.counter-section{ display:flex; gap:24px;}
.counter-section h6{font-family: Inter;
font-weight: 700;
font-size: 40px;
line-height: 110.00000000000001%;
letter-spacing: -1%;
	padding-bottom:16px;
	color:#190505;
}
.counter-section p{font-family: Inter;
	max-width:224px;
font-weight: 400 !important;
font-size: 16px  !important;
line-height: 150%  !important;
letter-spacing: 0%  !important;
color:#644E4E  !important;
	margin:0px  !important;
}
.single-page-social-media{margin-top: 64px;
	padding-top:33px;
    display: flex;
    justify-content: space-between; position:relative;  border-top:1px solid rgba(100, 78, 78, 0.15);}
.single-page-social-media h6{
font-family: Figtree;
font-weight: 600;
font-size: 18px;
line-height: 150%;
letter-spacing: -1%;
text-align: center;
	color:#190505;
}
.social-icon{display:flex; gap:24px;}
.latest-case-study-section{background:#FAEEEE;}
.Explore-more-case-studies{max-width:1216px; margin:auto; }
.Explore-more-case-studies .inner-div {max-width:800px; margin:auto; text-align:center;}
.post-slide{display:flex; gap:32px; flex-flow: row; }
.post-slide .post-card{width:384px; background:#fff; border:1px solid #FAEEEE; display: flex;
    flex-direction: column;
	
    justify-content: space-between; }
.post-slide .post-card .post-inner p{ padding-right: 32px; padding-left: 32px;}
.post-slide .post-card .post-inner  h6 { padding-right: 32px;padding-left: 32px;text-align: left;}
.post-slide .post-card  .post-inner h3{padding-right: 32px; padding-top:32px; padding-left: 32px;}
.post-slide .post-card .post-text {
    padding: 0px 32px 32px 32px;
    text-align: left;
}
.blog-container  .post-content p{
font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: 0%;
	margin:0px;
	
}
.blog-container  .post-content h2{
font-family: Inter;
font-weight: 700;
font-size: 32px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
	padding-bottom:32PX;
	
	padding-top:64px;
}
.blog-container  .post-content h5{
font-family: Inter;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
padding-bottom:32px;
	padding-top:32PX;
}
.blog-container  .post-content h3{
font-family: Inter;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
padding-bottom:32px;
	padding-top:32PX;
}
.blog-container  .post-content h4{
font-family: Inter;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
padding-bottom:32px;
	padding-top:32PX;
}

.blog-container  .post-content ul{display:flex; flex-direction:column; gap:16px; margin-bottom:0px;margin-left:18px;}
.blog-container  .post-content ol{display:flex; flex-direction:column; gap:16px; margin-bottom:0px;margin-left:18px;}
.blog-container  .post-content ul li{
font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 150%;
	letter-spacing: 0%;}
.blog-container  .post-content img{padding-bottom:64px; padding-top:64px;}
.single-page-social-media .share-buttons li.tw {
	background:transparent;width: auto;
    align-items: baseline;}
.single-page-social-media .share-buttons li {
    background: #FF3333;
    border-radius: 2px;
    padding: 0px;
    width: 20px;
    height: 20px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
}
.single-page-social-media ul.share-buttons {
    display: flex
;
    margin: 0;
    gap: 24px;
}
.single-page-social-media .share-buttons li svg {
    fill: #fff;
    width: 13px;
    height: 13px;
}
.single-page-social-media .share-buttons .tw svg{fill:#FF3333;
    width: 18px !important;
	height: 18px !important;} 
/* Make Sidebar Fixed After Scrolling */
@media (min-width: 768px) {
  
   .blog-container   .sidebar.fixed {
        position: sticky;
        top: 100px;
        
    }
}
@media (max-width: 768px) {
	.blog-container{flex-direction:column;}
	.blog-container .right-column{display:none;}
	.post-slide {
    
    flex-direction: column;
		gap:24px;
}
	.post-slide .post-card {
		width: 100%;}
}
@media (max-width: 767px) {
.blog-container {	padding-top:64px; padding-bottom:64px;}
	.blog-container .post-content h2 { font-size: 30px; line-height: 110.00000000000001%;}
	.counter-section {flex-direction: column;}
	.counter-div { background-color: #FFF9F9;padding: 24px;}
	.counter-section h6{font-size: 32px; line-height: 110.00000000000001%;
		letter-spacing: -1%;}
	   .post-slide .post-card .post-inner .h5 {
        font-size: 20px;
        line-height: 120%;
    }

	.Explore-more-case-studies .inner-div .pb64 {
        padding-bottom: 64px;
    }
}

/***********************************end single page css****************8/




.latest-posts-slider {
    overflow: hidden; /* Hides any overflow */
    width: 100%; /* Ensures it doesn’t expand beyond its container */
}
.latest-posts-slider .slick-list {
    overflow: hidden; /* Prevents horizontal scrolling */
}
.latest-posts-slider .slick-initialized .slick-slide{width:280px !important;}
.latest-posts-slider {
     margin-bottom: 0px !important; 
}
.latest-posts-slider  .post-card a{margin-left:0px !important;}
.latest-posts-slider .slick-slide > div {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensure full height usage */
	justify-content:space-between;
}

.latest-posts-slider .slick-slide {
    display: flex !important; /* Prevents extra spacing */
    justify-content: center;
  margin: 0 16px;
    padding: 0;
	height:unset !important;
	align-items:stretch !important;
}

.latest-posts-slider .slick-track {
    display: flex !important;
  
}
.latest-posts-slider .post-card {
    background: #fff;
   
    
}

.latest-posts-slider .arrow-button{display:flex !important; align-items:center;}
.latest-posts-slider .arrow-button .arrow{padding-left:5px;}
.latest-posts-slider  .post-image img {
    width: 100%;
	/*height:200px;*/
	object-fit: cover;
    
}
.latest-posts-slider  .post-image h3 {
    padding-top:24px; padding-right:24px; padding-left:24px; text-align:left;
}
.latest-posts-slider  .post-image h6 {
    padding-right:24px; padding-left:24px; text-align:left;
}
.latest-posts-slider  .post-image p {
    padding-right:24px; padding-left:24px; text-align:left;
}
.post-card{border: 1px solid #FAEEEE; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }
.post-card:hover{box-shadow: 0px 16px 48px 0px #0000001A; transform: translateY(-5px); }
.post-text{padding:0px 24px 24px 24px; text-align:left;}



.home-services1 .box-shadow{display:flex; justify-content:space-between; height:100%; flex-direction:column;}
 .box-shadow{transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;}
.box-shadow:hover{box-shadow: 0px 16px 48px 0px #0000001A; transform: translateY(-5px); 
}
.row-reverse{justify-content:space-between;}
@media (max-width: 768px){
.row-reverse{flex-direction:column-reverse;}
	.footer a{margin-left:0px !important;}
}

@media (max-width: 767px){
	.blog-container  .post-content h2{padding-top:40px;}
	.blog-container .post-content img {padding-bottom: 40px; padding-top:40px;}
	.counter-div { margin-top: 40px;}
.latest-posts-slider .slick-slide {
    
  margin: 0 0px;
   
}
}