/*--------------------------------------------------------------
  # Filter 
  --------------------------------------------------------------*/
.form-select {
	--bs-form-select-bg-img: url("/wp-content/themes/softwebsolutions/images/icon/select-arrow.svg");
	background-position: right 20px center;
	background-size: 12px;
	background-color: #ffffff;
	border: 1px solid #bed6f2;
	height: 42px;
	font-size: 20px;
	border-radius: 40px;
	padding-left: 20px;
}

.filter-box{display:flex;align-items:center;padding:20px 20px;background:#fff;border-radius:6px}.filter-box .font-24{font-size:20px}.filter-form{flex:auto;padding:0 15px 0 70px}.filter-form form{display:flex;gap:15px}.filter-form form .form-group{display:flex;white-space:nowrap;align-items:center;flex:1}.filter-form form .form-group label{font-size:18px;margin-right:15px}.search-filter{background-color:#fff;border:1px solid #a8c5cf;border-radius:40px;padding-left:20px;padding-right:20px;height:42px;display:flex;align-items:center}.search-filter img{width:20px;height:20px}

@media (max-width: 1780px) { 
	.filter-title.font-24::after{left:74px!important}.filter-box .filter-title{text-align:center}.filter-form form .form-group{justify-content:flex-end}.form-select{width:60%}
}
@media (max-width: 1399px) {
	.filter-title.font-24::after{display:none}.form-select{width:100%}.filter-title.font-24{position:relative;margin-right:20px;margin-bottom:15px;margin-left:0!important}.filter-form form{align-items:flex-end}.filter-form form .form-group{flex-direction:column;align-items:start}.filter-box .filter-title{text-align:center}.filter-form form .btn-outline-primary{align-self:end}.search-filter{height:36px;align-items:center;display:flex}.filter-box{align-items:flex-end}.filter-form{padding:0}
}
@media (max-width: 1199px) { 
	.filter-box { align-items: flex-end; } 
}

/*--------------------------------------------------------------
  # Filter 
  --------------------------------------------------------------*/

	.insight-box{border-radius:12px;background:#fff;box-shadow:none;overflow:hidden;height:100%;display:block}.insight-box-content{padding:20px}.insight-box img{transition:.3s all}.insight-box:hover img{transform:scale(1.1);transition:.3s all}.insight-box-img{overflow:hidden}.insight-box-content-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.insight-box-content-top .tag{background:#fac848;font-weight:400;border-radius:6px;padding:5px 10px;font-size:16px;color:#000}.insight-box-content-top .date{display:flex;align-items:center;font-weight:400;font-size:18px;text-transform:uppercase;color:#234756;line-height:1}.insight-box-content-top .date span:first-child{padding-right:10px;margin-right:10px;border-right:1px solid #7d868b80}.insight-box-content p{margin-bottom:0}.featured-slider .slick-list{margin-left:-15px;margin-right:-15px}.featured-slider .slick-list .slick-track{display:flex}.featured-slider .slick-slide{padding:15px 15px;height:inherit}

.featured-slider .slick-prev {
	top: -41px;
	right: 50px;
	left: inherit;
	background: url("../../images/arrow-next.svg") no-repeat center center !important;
	transform: rotate(180deg) !important;
	background-size: 12px !important;
}

.featured-slider .slick-next { top: -42px; right: 0;transform: none; background-size: 12px !important;
	background: url("../../images/arrow-next.svg") no-repeat center center !important;
}

.featured-slider .slick-next:before, .featured-slider .slick-prev:before { content: none; }
.featured-slider .slick-next.slick-disabled,
.featured-slider .slick-prev.slick-disabled {opacity: 0.5;}
.filter-title.font-24{position: relative;margin-left: 20px;}
.filter-title.font-24::after{content:"";position:absolute;background:#d9e9ff;width:1px;height:84px;top:-27px;left:62px}
@media (min-width: 1599px) {
.insight-box-img img{height: 300px !important;}
}
/* insight-box css */
@media (max-width: 1599px) {
	.form-select{height:40px;font-size:16px}.filter-form form .form-group label{font-size:16px}.insight-box-content-top .tag{font-size:12px}.insight-box-content-top .date{font-size:14px}.featured-slider .slick-next,.featured-slider .slick-prev{background-size:12px!important}
}
@media (min-width: 1024px) and (max-width: 1399px) { 
	.insight-box-content-top{flex-direction:column;align-items:start}.insight-box-content-top .tag{margin-bottom:10px}
}
@media (max-width: 1199px) {
	.insight-box-content{padding:20px 10px}.insight-box-content-top .date{font-size:12px}.insight-box-content-top .date span:first-child{padding-right:5px;margin-right:5px}
}

@media (max-width: 991px) {
	.insight-box-img img { width: 100%; }
}

@media (max-width: 767px) {
	
	.filter-title.font-24{
		margin-right: 0 !important;
	}
	.section-space.abouts-clients{padding:20px 0!important}.filter-form{padding:0}.filter-box{display:block}.filter-form form{flex-flow:wrap;gap:0}.filter-form form .form-group{flex:0 0 100%;align-items:start;margin-bottom:15px}.search-filter{display:none}
}

/*--------------------------------------------------------------
  # Filter 
  --------------------------------------------------------------*/
.page-template-resources .site-header{background-color:#051e29 ;}
.page-template-resources .dark-header { background-color: #051e29; }
.page-template-resources header.site-header.scrolled-up,.page-template-resources header.site-header:hover {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
}

/*****************Featured Resources*********************/
.left-space{padding-left:60px}.bg-image{position:absolute;top:0;left:0;right:50%;width:50%;height:100%;object-fit:cover}.featured-resources-box{position:relative;background-color:#fff;border-radius:22px 0 22px 0;padding:30px 40px;margin-right:20%;margin-bottom:8%;z-index:0;overflow:hidden}.featured-resources{position:relative;background:#fff;z-index:2} 

.featured-resources ul{list-style:none;position:relative;padding:0}.featured-resources ul li a{position:relative;padding-bottom:30px;padding-top:5px;border-bottom:solid 1px #a8c5cf;margin-bottom:20px;display:block;overflow:hidden}.featured-resources ul li:last-child a{border-bottom:0}.featured-resources ul li .hover-arrow,.featured-resources-box .hover-arrow{width:52px;height:51px;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-radius:0 10px 0 10px;transition:.5s all;overflow:hidden;opacity:.4}.featured-resources ul li:hover .hover-arrow,.featured-resources-box:hover .hover-arrow{opacity:1}.featured-resources ul li .hover-arrow:before,.featured-resources-box .hover-arrow:before{content:"";background:#fac848;height:100%;bottom:-52px;position:absolute;left:0;right:0;transition:.5s all;z-index:-1}.featured-resources ul li:hover .hover-arrow:before,.featured-resources-box:hover .hover-arrow:before{bottom:0}.featured-resources ul li .more,.featured-resources-box .more{position:absolute;right:70px;bottom:-52px;transition:.5s all;z-index:-1}.featured-resources ul li:hover .more,.featured-resources-box:hover .more{bottom:13px}

@media (max-width: 991px) {
	.featured-resources{overflow:hidden}.featured-resources-left{position:relative}.bg-image{right:0;width:100%;height:100%;transform:scale(1.1);top:-20px}.featured-resources-box{margin-top:50px;margin-bottom:50px}.left-space{padding-left:15px}
}

@media (max-width: 575px) {
	.featured-resources-box { margin-right: 0; }
}

/**************pagin************/
.pagin-container{display:flex;justify-content:end;margin-bottom:20px}.pagin{margin-left:auto;display:flex;align-items:center;gap:15px}.page-of{color:#051e29;font-size:18px;margin-right:10px}.pagin-bt.disable{background-color:#e4edff;cursor:none;pointer-events:none}.pagin-bt:hover{background-color:#fac848}.pagin-bt.prev{transform:rotate(180deg)}

.pagin-bt {
	height: 50px;
	width: 50px;
	z-index: 5;
	border-radius: 6px;
	background-color: #ffffff;
	transition: 0.5s all;
	font-size: 0;
	border: 0;
	box-shadow: none;
	outline: none;
	background-image: url(../../images/arrow-next.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 9px;
} 

@media (max-width: 1599px) {
	.pagin-bt{width:40px;height:40px;background-size:7px}.page-of{font-size:16px}
}

/* .clients-logo css */
.clients-logos {
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: stretch;
	display: flex;
	padding-left: 0;
}
.clients-logos li {
	padding: 0 20px;
	display: flex;
	align-items: center;
	margin-top: 20px;
	flex: 1;
}
.clients-logos li img {
	max-width: 100%;
}

@media (max-width: 1599px) {
	.clients-logos li {
		padding: 0 10px;
	}
	.clients-logos {
		flex-wrap: nowrap;
		display: flex;
		padding-left: 0;
	}
	.clients-logos li {
		flex: 0 0 10%;
		justify-content: center;
	}
}

@media (max-width: 1199px) {
	/* marquee div container */
	.marquee {
		height: 85px;
		overflow: hidden;
		position: relative;
	}
	/* nested div inside the container */
	.marquee ul {
		display: flex;
		width: 200%;
		position: absolute;
		overflow: hidden;
		animation: marquee 50s linear infinite;
		justify-content: center;
	}
	/* span with text */
	.marquee span {
		float: left;
		width: 50%;
	}
	/* keyframe */
	@keyframes marquee {
		0% {
			left: 0;
		}
		100% {
			left: -100%;
		}
	}
}
@media (max-width: 767px) {
	.clients-logos li {
		width: 100%;
		justify-content: center;
		flex: auto;
	}
}
/* .clients-logo css */
.section-space.abouts-clients {
	padding: 30px 0 !important;
}
.search-filter .search-input-box {
	right: 50px;
	z-index: 9;
}

.search-filter .btn-search .fa-search {
	filter: none !important;
}
.search-filter .btn-search {
	top: 3px;
}

.search-filter .search-box {
	right: 0;
	top: 0;
}
#live-search-results-insight {
	background: #fff;
	border: 1px solid #ddd;
	width: calc(100% - 51px) !important;
	right: 51px;
	top: 72px;
	position: absolute;
	z-index: 1000;
	display: none;
}

#live-search-results-insight ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#live-search-results-insight li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

#live-search-results-insight li a {
	text-decoration: none;
	color: #333;
}

#live-search-results-insight li a:hover {
	color: #0073aa;
}

#live-search-results-insight p {
	padding: 10px;
}
.search-filter #loader-imgg {
	right: 50px;
	top: 85px;
	width: 96.7%;
	z-index: 9;
}
#loader-imgg .d-flex.align-items-center img {
	text-align: center;
	display: flex;
	justify-content: center;
	position: relative;
	left: 50%;
	width: auto;
}
@media (max-width: 1299px) {
	.search-filter #loader-imgg {
		width: 95%;
	}
}
@media (max-width: 1199px) {
	.search-filter .search-box.open .search-input-box {
		width: calc(100% - 30px) !important;
	}
	.search-filter .search-input-box {
		top: 47%;
	}
	.search-filter #loader-imgg {
		top: 153px !important;
	}
}

@media (max-width: 1060px) {
	.search-filter {
		display: none;
	}
}

/*Hardik CSS*/
.search-box-insight {
	position: relative;
	color: #000;
	z-index: 9;
}
.search-box-insight.open .search-input-box {
	width: 100%;
}
.search-box-insight.open .fa-search:before {
	content: "\f00d";
	color: #000;
}
.search-box-insight.open {
	position: static;
}
.search-box-insight.open .input-search,
#live-search-results-insight {
	width: calc(100% - 50px);
	/* bottom: 0; */
}
.input-search::placeholder {
	color: #000;
	font-size: 14px;
	/* letter-spacing: 2px; */
	font-weight: 100;
}
.btn-search-insight {
	width: 50px;
	height: 50px;
	top: 3px;

	border-style: none;
	font-size: 20px;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	border-radius: 50%;
	position: relative;
	right: 0px;
	color: #fff;
	background-color: transparent;
	pointer-events: painted;
	z-index: 2;
}
.btn-search-insight .fa-search {
	width: 20px;
	height: 20px;
	background: url(../../images/icon-search.svg) no-repeat center center;
	background-size: 100%;
	/* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(176deg) brightness(101%)
		contrast(105%); */
}
.scrolled-up .btn-search-insight .fa-search,
header:hover .btn-search-insight .fa-search {
	filter: none;
}
.search-box-insight.open .btn-search-insight .fa-search {
	background: none;
	/* filter: none; */
}

.pagin .page-numbers {
	display: none; /* Hides the page numbers */
}
.pagin .prev,
.pagin .next {
	display: inline-block;
	margin-left: 10px;
}
.search-filter img {
	width: 20px;
	height: 40px;
}
.resourceLoader {
    background: #fff;
    top: -50px;
    left: 47%;
    border-radius: 81px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    padding: 15px;
    z-index: 99;
}
div#loader {
    position: fixed;
    background: #ffffff70;
    top: 0;
	left: 0;
    z-index: 99;
    height: 100vh;
    width: 100%;
}
div#loader img {
    width: unset;
    height: 10%;
}
@media (max-width: 1599px) {
	.section-space.abouts-clients { padding: 30px 0 !important; }
	.filter-form{flex:auto;
		/* padding:0 2px */
	}
	}