// counter-area1
.counter-area1{
	position: relative;
	
	.counter-inner{
		padding: 60px 100px 40px;
		border-radius: var(--border-radius-base);
		overflow: hidden;
		background-image: url(../images/pattern/pattern1.png), url(../images/pattern/pattern2.png);
		background-size: 120px;
		background-repeat: no-repeat;
		background-position: right bottom, left top;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
		
		.icon-bx-wraper{
			justify-content: center;
			.counter{
				font-size: 50px;
				color: #fff;
			}
			.title{
				color: #fff;
				font-size: 1.125rem;
			}
			&:after{
				color: transparent;
				text-shadow: 0 0 1px var(--primary), 0 0 1px #fff, 0 0 1px #ffff;
				opacity: 0.3;
			}
		}	
	}
	
	&.half-bg{
		&:after{
			content: "";
			height: 85px;
			background-color: #fff;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: -1;
		}
	}
	@include respond('tab-land'){
		.counter-inner {
			padding: 40px 50px 20px;
		}
	}
	@include respond('phone'){
		.counter-inner {
			padding: 40px 30px 0px;
		}
	}
}

// pagination-style1
.swiper-container{
	&.pagination-style1{
		.swiper-pagination-bullets{
			margin-top: 15px;
			.swiper-pagination-bullet{
				height: 45px;
				width: 45px;
				border-radius: 0;
				padding: 0;
				margin: 0 3px;
				line-height: 45px;
				@include transitionSlow;
					
				&:after{
					content: none;
				}
				&.swiper-pagination-bullet-active{
					color: #fff;
					background-color: var(--primary);
				}
				@include respond('phone'){
					height: 35px;
					width: 35px;
					line-height: 35px;
					font-size: 14px;
				}
			}
		}
	}
}

//silder-two
.silder-two{
	padding-left: 100px;
	position: relative;
	
	.dz-slide-item{
		display:flex;
		align-items:center;
		height: calc(100vh - 100px);
		min-height: 700px;
	}
	.silder-content{
		display: table;
		width:50%;
		margin-right: -55px;
		padding-left: 80px;
		height: 100%;
		padding-right: 100px;
		background-color:#f8f8f8;
		.inner-content{
			display:table-cell;
			vertical-align:middle;
		}
	}
	.sub-title{
		letter-spacing: 5px;
		font-weight: 400;
		text-transform: uppercase;
		font-family: var(--font-family-title);
	}
	.title{
		font-family: var(--font-family-title);
		font-size:65px;
		letter-spacing: 4px;
		font-weight: 500;
		text-transform: uppercase;
		
		span{
			font-weight:300;
			display:block;
		}
	}
	.silder-img{
		width: calc(50% + 55px);
		height: calc(100% - 100px);
		img{
			height:100%;
			width:100%;
			object-fit:cover;
		}
	}
	@include respond ('tab-land'){
		.title{
			font-size:45px;
		}
		.silder-content{
			width:60%;
			padding-right: 80px;
			padding-left: 40px;
		}
		.silder-img{
			width: calc(40% + 55px);
		}
	}
	@include respond ('tab-port'){
		padding-left:0;
		
		.silder-content{
			padding-left: 25px;
		}
		.title{
			font-size: 38px;
		}
		.btn{
			padding: 12px 20px;
			font-size: 13px;
			&.m-r30{
				margin-right:15px;
			}
		}
	}
	@include respond ('phone-land'){
		.dz-slide-item{
			display:block;
			height:auto;
			padding: 0 15px;
		}
		.silder-content{
			width:100%;
			height:auto;
			min-height: 500px;
			padding: 30px 15px;
		}
		.silder-img{
			width:100%;
			height: 360px;
		}
	}
	@include respond ('phone'){
		.title{
			font-size: 26px;
			line-height: 1.5;
			letter-spacing: 2px;
		}
		.sub-title{
			font-size:14px;
		}
		.silder-img{
			height: 230px;
		}
		.silder-content{
			min-height: 450px;
			padding: 30px 20px;
		}
		.dz-slide-item{
			padding: 0;
		}
	}
}
.follow-info{
	height: 100%;
	background-color: $white;
	width: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: 9;
	align-items: center;
	.inner-info{
		margin: auto;
		text-align: center;
	}
	.title{
		letter-spacing: 3px;
		writing-mode: tb-rl;
		transform-origin: center;
		text-transform: uppercase;
		margin: 0 0 15px;
		font-weight: 300;
		font-size: 15px;
		font-family: $font-family-title;
		text-align: center;

	}
	ul{
		li{
			display: block;
			margin-top: 5px;
			a{
				color: $headings-color;
				font-size: 14px;
			}
		}
	}
	
	@include respond('tab-port'){
		display: none;
	}
	&.left{
		left:0;
		right:auto;
	}
	&.style-2{
		transform: rotate(180deg);
		width: 100px;
		
		.inner-info{
			ul{
				li{
					writing-mode: tb;
					text-transform:uppercase;
					color:$black;
					font-family:$font-family-title;
					letter-spacing:3px;
					margin-top: 60px;
					
					&:first-child{
						margin-top:0;
					}
				}
			}
		}
	}
}
.blog-area1{
	.dz-card{
		.dz-media{
			height: 315px;
			img{
				height: 100%;
				object-fit: cover;
			}
			@include respond('phone'){
				height: 250px;
			}
		}
	}
	@include respond('tab-port-min'){
		[class*="col-"]{
			&:first-child{
				.dz-card{
					.dz-media{
						border-radius: var(--border-radius-base) 0 0 0;
					}
					.dz-info{
						border-radius: 0 0 0 var(--border-radius-base);
					}
					&.blog-top{
						.dz-info{
							border-radius: var(--border-radius-base) 0 0 0;						
						}
						.dz-media{
							border-radius: 0 0 0 var(--border-radius-base);
						}
					}
				}
			}
			&:last-child{
				.dz-card{
					.dz-media{
						border-radius: 0 var(--border-radius-base) 0 0;
					}
					.dz-info{
						border-radius: 0 0 var(--border-radius-base) 0;
					}
					&.blog-top{
						.dz-info{
							border-radius: 0 var(--border-radius-base) 0 0;				
						}
						.dz-media{
							border-radius: 0 0 var(--border-radius-base) 0;
						}
					}
				}
			}
		}
	}
}

.ft-subscribe-wrapper{
	margin-bottom: -40px;
	@include respond ('phone'){
		margin-bottom: -105px;
	}
}

.ft-subscribe{
	&.style-2{
		box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1);
		button {
			margin: 0 !important;
		}
		.form-control {
			height:80px;
			background-color:$white;
			&::placeholder{
				color:$body-color;
				font-family:var(--font-family-base);
				letter-spacing:0;
			}
		}
		@include respond ('phone'){
			box-shadow:none;
			.input-group{
				display:block;
			}
			.form-control {
				margin-bottom: 15px;
				width:100%;
				box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1);
			}
		}
	}
}
