// gallery style 
.gallery-menu {
	margin-bottom: 40px;
	ul {
		margin: 0;
		padding: 0;
		li {
			list-style: none;
			display: inline-block;
			margin-bottom: 10px;
			cursor: pointer;
			.tag-wrap {
				filter: drop-shadow(0px 6px 35px rgba(186, 17, 17, 0.1));
			}
			.tag {
				border-radius: 6px;
				margin: 0 5px;
				border-radius: 6px;
				margin-bottom: 0;
				height: 77px;
				line-height: 77px;
				padding: 0 25px;
				display: inline-flex !important;
			    align-items: center;
			    justify-content: center;
			    transition: 0.4s;
			    font-weight: 600;
			    text-transform: capitalize;
			    min-width: 170px;
			    background: #fff;
			}
			.style-animate-dot-wrap {
				height: 6px;
			    width: 6px;
				background: var(--main-color-one);
				border-radius: 50%;
			    margin-right: 16px;
			    display: inline-block;
			    position: relative;
			    margin-left: 6px;
			} 
			.style-animate-dot {
				height: 6px;
			    width: 6px;
				background: var(--main-color-one);
				border-radius: 50%;
			    margin-right: 16px;
			    display: inline-block;
			    position: relative;
			    transition: 0.4s;
				position: absolute;
			    left: 0;
			    top: 0;
			    z-index: 2;
			}
			.style-animate-dot-wrap:before {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				height: 12px;
			    width: 12px;
				border-radius: 50%;
				border: 1px solid #1E1E1E;
				transform: translate(-50%, -50%);
				transition: 0.4s;
			}
			.style-animate-dot-wrap:after {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				height: 18px;
			    width: 18px;
				border-radius: 50%;
				border: 1px solid #1E1E1E;
				transform: translate(-50%, -50%);
				transition: 0.4s;
			}
			&:hover {
				.tag {
				background: var(--main-color-one) !important;
				color: #fff !important;
			}
				.style-animate-dot {
					background: #fff !important;
				}
				.style-animate-dot-wrap:before {
					border: 1px solid #fff !important;
				}
				.style-animate-dot-wrap:after {
					border: 1px solid #fff !important;
				}
			}
			&:first-child {
				.tag {
					clip-path: polygon(17% 0, 100% 0, 100% 100%, 0% 100%);
				}
			}
			&:last-child {
				.tag {
					clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
				}
			}
		}
	}
}

.gallery-item-wrap {
	.item {
	    width: 20%;
	    display: inline-block;
	    position: relative;
	    &:after {
	    	content: '';
	    	position: absolute;
	    	left: 0;
	    	top: 0;
	    	height: 100%;
	    	width: 100%;
	    	background: rgba(186, 17, 17, 0.4);
	    	visibility: hidden;
	    	opacity: 0;
	    	transition: 0.4s;
	    }
	    .thumb {
		    height: 480px;
		    background-position: center center;
		    background-size: cover;
		    background-repeat: no-repeat;
		}
		.popup-btn {
			border: 1px solid #fff;
			padding: 10px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			display: inline-block;
			border-radius: 50%;
			z-index: 3;
	    	visibility: hidden;
	    	opacity: 0;
	    	transition: 0.4s;
			margin-top: 20px;
			i {
				height: 65px;
				width: 65px;
				line-height: 65px;
				text-align: center;
				border-radius: 50%;
				font-size: 28px;
				background: #fff;
				display: inline-block;
				color: var(--main-color-one);
				transition: 0.4s;
			}
		}
		&:hover {
			&:after {
		    	visibility: visible;
		    	opacity: 1;
		    }
			.popup-btn {
		    	visibility: visible;
		    	opacity: 1;
		    	margin-top: 0;
			}
		}
	}

}
.gallery-item-wrap .gallery-single-item-2 {
	width: 60%;
}
.video-bg{
     background-image: url('../img/section-img/video/video-bg-gallary.png');
	 background-repeat: no-repeat;
	 background-size: cover;
	 padding: 230px 0;
	 position: relative;
}
.gallary-area {
    margin-bottom: 100px;
}
li.mail-footer {
    color: #ffffffb0 !important;
}

li.mail-footer a i {
    display: inline-block;
    padding-right: 8px !important;
    font-size: 12px;
}

li.mail-footer a {
    color: #ffffffb0 !important;
}