/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 04 2026 | 09:39:47 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,500&display=swap');

.blog-heading{
	color:#202939;
	font-size:56px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:50px;
}
/* Slick Dots Fix */
.blog-slider .slick-dots{
    position: absolute;
    bottom: -40px;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none;
	padding:0;
}

.blog-slider .slick-dots li{
    margin: 0 5px;
}

.blog-slider .slick-dots li button{
    width: 8px;
    height: 8px;
    background: #202939;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    border: none;
}

.blog-slider .slick-dots li.slick-active button{
    background: #FF6B00;
}
.blog-slider .slick-track{
	display:flex;
	gap:30px;
	align-items:center;
	padding:30px 0;
}
.blog-card {
	height:100%;
	overflow:hidden;
    border-radius: 16px;
	position:relative;
}
.blog-card img{
	height: 260px !important;
    object-fit: cover;
}
.blog-content{
	position:absolute;
	bottom:0px;
	padding:20px 70px 20px 20px;
	color:#fff;
	opacity:0;
	display:none
}
.blog-card-title {
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	font-size: 22px;
    color: #fff !important;
    font-weight: 400 !important;
	line-height:30px;
	font-family: 'Poppins', sans-serif !important;
	
}
.blog-card-cat a {
    font-size: 15px;
    color: #fff !important;
    font-weight: 500;
	font-family: 'Poppins', sans-serif !important;
	margin-bottom:10px;
	display:block;
}
@media (min-width:768px){
.blog-slider .slick-current .blog-card  img{
	height: 430px !important;
	 width:430px !important;
/* 	 box-shadow: 0px 4px 4px 0px #00000040; */
}
.blog-slider .slick-current{
	height: 430px !important;
	 width:430px !important;
    border-radius: 16px;
/* 	 box-shadow: 0px 4px 4px 0px #00000040; */
}
	}
.blog-slider .slick-current .blog-content{
	opacity:1;
	z-index:99;
	display:block;
}
.blog-slider .slick-current .blog-card:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
    height:100%;
	width:100%;
	z-index:9;
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 64.04%)
}
.two-col-post-section{
	padding:100px 0;
}
.latest-post {
    border-radius: 16px;
    background: #FFFFFF;
    border: 1px solid #E3E8EF;
    box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
	overflow:hidden;
}
.post-img img{
	height:360px !important;
	object-fit:cover;
}
.two-col-post-section .sub-heading {
	color:#697586;
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:10px;
}
.two-col-post-section .main-heading {
	color:#202939;
	font-size:40px;
	line-height:1.3;
	font-weight:700;
}
.post-content {
    padding: 20px;
}

.post-content .post-category {
    color: var(--primary);
    margin-bottom: 20px;
    display: block;
	font-size:15px;
	font-weight:600;
}

.post-content h3 a {
    font-size: 24px;
    color: #202939;
    font-weight: bold;
    line-height: 32px;
	 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
 .excerpt{
	 display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	margin-bottom:30px;
	 padding-top:10px;
}
.right-img-post {
    display: flex;
    flex-direction: row-reverse;
	align-items: center;
	margin-bottom:20px;
}
.right-img-post .post-img img{
	height:300px !important;
	object-fit:cover;
}
.right-img-post .post-content{
	width: 100%;
    max-width: 300px;
}
.right-img-post:last-child{
	margin-bottom:0
}
.post-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}
.article img{
	height:350px;
	object-fit:cover;
	border-radius:16px;
}
.link-btn{
	color:#364152 !important;
	font-size:16px;
	 font-family: "Poppins", sans-serif;
	font-weight:500;
	margin-bottom:0px !important;
	
}
.article .post-content{
	padding:30px 0 !important;
}
.article .post-content p{
	margin-bottom:30px;
}
.pagination{
	justify-content:center;
	gap:10px;
	margin-top:30px;
}
.article{
height:100%;
	position:relative;
}
section.all-post-section{
	padding-bottom:80px;
}
.page-numbers {
    background: #0057d9;
    color: #fff !important;
    /* padding: 20px; */
    border-radius: 10px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-numbers:hover, span.page-numbers.current{
	 background: var(--primary);
}
a.next.page-numbers, a.prev.page-numbers{
	display:none;
}
section.single-post {
    padding: 150px 0 80px;
}

h1.single-post-title {
	font-size: 56px;font-weight: bold;width: 70%;max-width: 100%;margin-bottom: 30px;
color:#202939;
}

.single-post-featured-image img {
    border-radius: 16px;
    margin-bottom: 30px;
}
.single-post-content blockquote{
	padding-top:15px;
}
.single-post-content blockquote p {
    padding: 15px 30px;
    border-left: 5px solid #FF6B00;
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
	font-family: 'Manrope', sans-serif !important;
    color: #697586;
}
.single-post-content blockquote p:last-child {
	border:0;
	 font-weight: bold;
    font-size: 24px;
    line-height: 32px;
	font-family: 'Manrope', sans-serif !important;
}
.post-relate-sec {
	display: flex;
    align-items: flex-end;
	margin-bottom:30px;
	justify-content:space-between;
}
.post-relate-sec h3{
	font-weight: bold;
    font-size: 40px;
    line-height: 48px;
	margin-bottom:15px;
}
.blg-btn{
	display:flex;
	justify-content:end;
}
section.leftimg-post-section {
    padding: 60px 0;
}

section.leftimg-post-section h2 {
    font-size: 40px;
    font-weight: bold;
    /* color: #202939; */
    line-height: 48px;
    margin-bottom: 50px;
}

.case-success-img img {
    height: 420px !important;
    object-fit: cover;
    border-radius: 16px;
}

.right-post-content .post-category, .post-category {
    color: var(--primary);
    font-weight: 600;
/*     text-transform: uppercase; */
    margin-bottom: 5px;
    display: block;
}

.right-post-content h3 a {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    color: #202939;
}
.top-case-section {
	padding:150px 0 60px;
}
.top-case-section  h1{
	 font-size: 56px;
    font-weight: bold;
    line-height: 70px;
}
.top-case-section  h1 span{
	color:#0057D9;
	font-family: 'Manrope', sans-serif !important;
}
.success-slide-image img {
    height: 600px !important;
    overflow: hidden;
    border-radius: 16px;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}
.slider-success-content {
    width: 65%;
    padding: 45px;
    border: 1px solid #E3E8EF;
    background: #fff !important;
    border-radius: 16px;
    margin-top: -20%;
    z-index: 999;
    position: relative;
    margin-left: auto;
box-shadow:  0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808;
	    margin-bottom: 20px;

}
.slider-success-content h2{
	 font-size: 32px;
    font-weight: bold;
    line-height: 38px;
}
/* Res */
@media (max-width:767px){
	
	body .success-slide-image img{
		height:300px !important;
	}
	.slider-success-content{
		box-shadow:none;
	}
	.case-success-img img {
    height: 300px !important;
	}
	.case-slider-section .arrow-btn{
		display:none;
	}
	.case-slider-section{
		padding-bottom:20px;
	}
	.right-post-content{
		margin-top:20px;
	}
	.slider-success-content {
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff !important;
    border-radius: 0;
    margin-top: 30px;
    z-index: 999;
    position: relative;
    margin-left: auto;
}
	.slider-success-content h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}
	.top-case-section {
    padding: 120px 0 60px;
}
	.top-case-section h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
}
	.success-img img, .success-img  {
		height: 300px !important;
		margin-bottom:20px;
	}
	section.leftimg-post-section h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
}
	.blog-heading{
	font-size: 40px;
	margin-bottom: 10px;
	}
	.blog-content{
		padding:10px;
	}
	.blog-slider .slick-track{
		gap:0;
	}
	.two-col-post-section{
		padding:75
			px 0;
	}
	.post-img img {
    height: 300px !important;
    object-fit: cover;
}
	.two-col-post-section .main-heading{
		font-size: 36px;
	}
	.right-img-post{
		flex-direction:column;
	}
	.right-img-post .post-content {
    width: 100%;
    max-width: 100%;
}
	.post-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
	h1.single-post-title {
    font-size: 40px;
    width: 100%;
	max-width: 100%;
	}
	.single-post-content blockquote p {
    padding: 8px 20px;
    border-left: 2px solid #FF6B00;
    font-size: 24px;
    line-height: 32px;
}
	.single-post-content blockquote p:last-child {
    font-size: 14px;
	line-height: 22px;
	}
	.blg-btn {
    margin: 10px 0;
    justify-content: flex-start;
}
/* 	.blog-slider .slick-current .blog-card img,
	.blog-slider .slick-current{
		    height: 100% !important;
    width: 100% !important;
	} */
}
@media (min-width:768px) and (max-width:1024px){
	.post-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}


