@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: "Outfit", sans-serif;
}
body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a, button {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
img {
	max-width: 100%
}
.modal {
	backdrop-filter: blur(4px);
}
/* CSS Document */

/* CSS hero */

.blog-hero-wraper {
	background: url(../images/bg-blog.jpg) no-repeat top;
	background-size: cover;
	padding: 120px 45px;
	margin: 35px 0;
	text-align: center;
	border-radius: 20px;
}
.blog-hero-wraper h1 {
	font-size: 65px;
	color: #000;
	font-weight: 400;
	margin-bottom: 15px;
}
.blog-hero-wraper p {
	font-size: 20px;
	color: #000;
	font-weight: 300;
}
.big-blog-top-wrp {
	padding: 30px 0 60px 0;
}
.big-blog-top-wrp .nav-tabs {
	border: none;
	justify-content: end;
}
.big-blog-top-wrp h2 {
	font-size: 50px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px
}
.big-blog-top-wrp h2 strong{
	color:#94ABFF;
	font-weight: 400;
}
.heading-blog-wrap .row {
	align-items: center;
	margin-bottom: 50px
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
	border: 1px solid #ddd;
	border-radius: 10px;
	font-size: 14px;
	color: #000;
	margin-right: 15px;
	padding: 10px 20px
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #3A4E8C;
}
.ai-business-grid {
	display: flex;
	gap: 24px;
	min-height: 500px;
	overflow: hidden;
}
.ai-card {
	position: relative;
	overflow: hidden;
	min-height: 500px;
	flex: 1;
	min-width: 0;
	background: #101c25;
	border-radius: 20px;
	transition: flex 0.5s ease, transform 0.5s ease;
}
.hero-card {
	flex: 3.08;
	border-radius: 20px;
	padding: 35px;
}
.ai-business-grid:hover .ai-card {
	flex: 0.85;
}
.ai-business-grid:hover .hero-card {
	flex: 2.2;
}
.ai-business-grid .ai-card:hover {
	flex: 2.5;
	z-index: 5;
}
.ai-card-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}
.ai-card:hover .ai-card-image {
	transform: scale(1.06);
}
.ai-card:hover .hero-content {
	transform: translateY(-5px);
}
.hero-content {
	transition: transform 0.5s ease;
}
.hero-content{
	background:rgba(0, 0, 0, 0.2);
	padding:25px;
	border-radius:12px;
	position:absolute;
	bottom:5%;
	left:0;
	width:90%;
	margin:0 auto;
	right:0;	
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.hero-content h3{
	font-size:22px;
	color:#fff;
	margin:15px 0 5px 0;
}
.hero-content h3 a{
	color:#fff;
}
.hero-content p{
	font-size:16px;
	font-weight:300;
	color:#fff;
}
.small-card .hero-content{
	display:none;
}

.small-card:hover .hero-content{
	display:block;
}
.hero-date span{
	background:#94ABFF;
	border-radius:6px;
	color:#fff;
	font-size:12px;
	padding:6px 12px;
}
.feature-listing-blog-wrap{
	border-top:1px solid #C2E1FB;
	padding:60px 0;
}
.feature-listing-blog-wrap h3{
	text-align:center;
	font-size:50px;
	color:#000;	
    letter-spacing: -1px;
	font-weight:400;
}
.feature-listing-blog-wrap h3 span{
    color: #94ABFF;
    font-weight: 400;
}
.feature-listing-blog-wrap ul{
	list-style:none;
	margin-top:60px;
}
.blog-detail-text ul li{   
   position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
	
}
.blog-detail-text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 25px;
    height: 25px;
    background-image: url("../images/check-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.feature-listing-blog-wrap ul li .listing-blog-feature{
	margin-bottom:25px
}
.listing-blog-feature .listing-image-feature{
	height:350px;
	overflow:hidden;
	border-radius:20px;
	
}
.listing-blog-feature .listing-text-feature{
	padding:20px;
	padding-left:25px;
	padding-right:0px;
}

.listing-text-feature h4{
	font-size:22px;
	color:#000;
}
.listing-text-feature h4 a{
	color:#000;
}
.listing-text-feature p{
	font-weight:300;
	font-size:16px;
	color:#000;
	padding:10px 0 15px 0;
	border-bottom:1px solid #C2E1FB;
}
.time-blog-list{
	padding:10px 0;
}
.time-blog-list span{
	font-size:14px;
	margin-right:15px;
}
.time-blog-list span img{
	position:relative;
	top:-2px;
}
.readmore-btn-blog a{
	border:1px solid #93ABFF;
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	font-weight:600;
	color:#000;
	border-radius:10px;
}
.blog-hero-detail-wrap{
	padding:60px 0 30px 0;
}
.blog-hero-detail-wrap .date-post-rank span{
    font-size: 14px;
    margin-right: 15px;
}
.blog-hero-detail-wrap .date-post-rank span img{
	position: relative;
    top: -2px;
}
.blog-hero-detail-wrap h1{
	font-size:55px;
	color:#000;
	letter-spacing:-1px;
	margin:10px 0;
}
.blog-hero-detail-wrap h1 span{
	display:block
}
.blog-hero-detail-wrap p{
	padding-right:250px;
	color:#000;
	font-size:22px;
	font-weight:300
}
.hero-image-banner{
	margin:50px 0 0 0;
}
.hero-image-banner img{
	border-radius:30px;
	width:100%;
}
.wp-block-image img {
	width:100%;
	border-radius: 30px;
}
.banner-content-image img{
	border-radius: 30px;
}
.blog-detail-text p{
	color: #000;
    font-size: 22px;
    font-weight: 300;
	padding-bottom:20px
}
.blog-detail-text ul{
	list-style:none;
	margin-bottom:30px;
}
.blog-detail-text ul li{
	font-size:20px;
	color:#000;
	font-weight:300;
	margin:10px 0
}
.blog-detail-text ul li img{
	margin-right:5px;
	margin-top:-5px;
}
.banner-content-image{
	margin-bottom:25px;
}