/* Colaz Marketing Business HTML Template */

.header-style-four{
	position: relative;
	background-color: var(--white-color);
}

.header-style-four .auto-container{
	max-width: 1840px;
}

.main-header.header-style-four .main-menu .navigation > li > a{
	color: var(--color-fourty);
}

.main-header.header-style-four .outer-box .search-box-btn{
	color: var(--color-fourty);
}

.main-header.header-style-four .nav-toggle-btn{
	line-height: 40px;
	border-radius: 8px;
	background-color: var(--color-fourtyone);
}

.header-top{
	position: relative;
	padding: 14px 0px;
	background-color: var(--color-thirtyeight);
}

.header-top .top-list{
	position: relative;
}

.header-top .top-list li{
	position: relative;
	display: inline-block;
	font-size: var(--font-15);
	color: var(--color-thirtynine);
	padding-left: var(--padding-left-30);
	margin-right: var(--margin-right-20);
}

.header-top .top-list li .icon{
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: "flaticon";
	font-size: var(--font-20);
}

/*** 

====================================================================
	Main Slider Four
====================================================================

***/

.main-slider-four{
	position:relative;
	overflow:hidden;
}

.main-slider-four .pattern-layer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:845px;
	background-repeat: no-repeat;
}

.main-slider-four .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
	filter: grayscale(100%);
}

.main-slider-four .active .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
}

.main-slider-four .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:190px 0px 190px;
}

.main-slider-four .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.52;
	background-color:var(--color-two);
}

.main-slider-four .content-box{
	position:relative;
	z-index:2;
}

.main-slider-four .content-box .box-inner{
	position:relative;
}


.main-slider-four .title{
	position:relative;
	transform: scale(1,0.3);
	opacity: 0;
	font-weight:700;
	color: var(--white-color);
    font-size: var(--font-17);
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	padding-left: var(--padding-left-40);
	margin-bottom:var(--margin-bottom-20);
}

.main-slider-four .title::before{
	position:absolute;
	content: '';
	left: 0px;
	top: 2px;
	width: 21px;
	height: 21px;
	background: url(../images/icons/logo-icon.png) no-repeat;
}

.main-slider-four .active .title{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.main-slider-four h1{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	font-weight: 800;
	line-height: 95px;
	font-size: var(--font-85);
	color:var(--white-color);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-35);
}

.main-slider-four .active h1{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider-four .text{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	font-weight:500;
	line-height:34px;
	max-width: 600px;
	color:var(--white-color);
	font-size:var(--font-20);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-50);
}

.main-slider-four .active .text{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider-four .button-box{
	transform: scale(1,0.3);
	opacity: 0;
	
	display:inline-block;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider-four .button-box .theme-btn{
	border-radius: 50px;
	padding:17px 52px;
}

.main-slider-four .active .button-box{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.main-slider-four .owl-dots{
	position:absolute;
	right:50px;
	top:50%;
	z-index:10;
	width: 30px;
	text-align:center;
	transform: translateY(-50%);
}

.main-slider-four .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:10px 0px;
	border-radius:50px;
	display:block;
	border:1px solid var(--white-color);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider-four .owl-dots .owl-dot::before{
	position:absolute;
	content: '';
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	opacity: 0;
	border-radius: 50px;
	border: 2px solid var(--white-color);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider-four .owl-dots .owl-dot:hover::before,
.main-slider-four .owl-dots .owl-dot.active::before{
	opacity: 1;
}

.main-slider-four .owl-nav{
	display:none;
}

/* Agency Section Four */

.agency-section-four{
	position: relative;
	padding: 130px 0px 100px;
}

.agency-section-four .image-column{
	position: relative;
	margin-bottom: var(--margin-bottom-30);
}

.agency-section-four .image-column .pattern-layer{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 240px;
	height: 240px;
	background-repeat: no-repeat;
}

.agency-section-four .image-column .pattern-layer-two{
	position: absolute;
	left: -200px;
	bottom: 0px;
	width: 240px;
	height: 240px;
	background-repeat: no-repeat;
}

.agency-section-four .image-column .pattern-layer-three{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 533px;
	height: 546px;
	z-index: 1;
	background-repeat: no-repeat;
}

.agency-section-four .image-column .inner-column{
	position: relative;
	padding-bottom: var(--padding-bottom-150);
	padding-right: var(--padding-right-120);
}

.agency-section-four .image-column .image{
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	margin-left: -300px;
}

.agency-section-four .image-column .image-two{
	position: absolute;
	right: 15px;
	bottom: 0px;
	overflow: hidden;
	border-radius: 10px;
}

.agency-section-four .count-box{
	position:absolute;
	right:30px;
	top:100px;
	width:218px;
	height:218px;
	z-index:1;
	text-align:center;
	border-radius:50%;
	font-weight:600;
	font-family: 'Gordita';
	color:var(--black-color);
	font-size:var(--font-18);
	padding-top:var(--padding-top-20);
	background-color:var(--color-three);
	border:15px solid var(--white-color);
	box-shadow: 0px 0px 0px 2px var(--color-three);
}

.agency-section-four .count-box::before{
	position:absolute;
	content: '';
	left: 10px;
    top: 30px;
	right: 0px;
	bottom: 0px;
	background: url(../images/icons/dotts.png) no-repeat;
}

.agency-section-four .count-box .counter{
	position:relative;
	font-weight:800;
	display:block;
	height: 60px;
	line-height:1em;
	font-family: 'Gordita';
	color:var(--black-color);
	font-size:var(--font-48);
	margin-top:var(--margin-top-15);
}

.agency-section-four .count-box .counter i{
	top:-7px;
	font-style:normal;
}

.agency-section-four .content-column{
	position: relative;
	margin-bottom: var(--margin-bottom-30);
}

.agency-section-four .content-column .inner-column{
	position: relative;
	padding-left: var(--padding-left-100);
}

.agency-section-four .features{
	position: relative;
	padding: 25px 0px;
	margin-bottom: var(--margin-bottom-40);
	border-top:1px solid rgba(var(--black-color-rgb), 0.10);
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.10);
}

.agency-section-four .agency-feature{
	position: relative;
	min-height: 72px;
	padding-top: var(--padding-top-5);
	padding-left: var(--padding-left-90);
}

.agency-section-four .agency-feature .icon{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 72px;
	height: 72px;
	line-height: 70px;
	text-align: center;
	font-weight: 500;
	border-radius: 50px;
	display: inline-block;
	font-size: var(--font-30);
	font-family: "flaticon";
	color: var(--black-color);
	border: 1px solid var(--black-color);
	background-color: var(--color-eleven);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.agency-section-four .agency-feature:hover .icon{
	transform:rotateY(180deg);
}

.agency-section-four .agency-feature h5{
	position: relative;
	font-weight: 700;
	line-height: 32px;
}

.agency-section-four .agency-feature.style-two .icon{
	background-color: var(--color-eight);
}

.agency-section-four .content-column p{
	line-height: 28px;
	color: var(--color-five);
	font-size: var(--font-16);
	margin-bottom: var(--margin-bottom-20);
}

.offer-section-two.style-two{
	background-color: var(--white-color);
}

.service-block-two.style-two .inner-box:before{
	display: none;
}

.service-block-two.style-two h3{
	font-weight: 600;
	text-transform: capitalize;
}

.service-block-two.style-two .icon-box{
	min-height: 80px;
}

.service-block-two.style-two .text{
	line-height: 32px;
}

.service-block-two.style-two .icon{
	line-height: 78px;
	border: 1px solid var(--black-color);
	background-color: var(--color-eleven);
}

.service-block-two.style-two .service-list li{
	margin-bottom: var(--margin-bottom-15);
}

.service-block-two.style-two .read-more:hover{
	color: var(--black-color);
	background-color: var(--color-three);
}

.offer-section-two.style-two .lower-box .check-box{
	background-color: var(--white-color);
	border: 1px solid var(--black-color);
}

.service-block-two.style-two:nth-child(2) .inner-box .icon{
    background-color: #FFEDE2;
}

.service-block-two.style-two:nth-child(3) .inner-box .icon{
    background-color: #FFFDEF;
}

/* Agency Section Five */

.agency-section-five{
	position: relative;
	padding: 110px 0px 100px;
}

.agency-section-five .content-column{
	position: relative;
	margin-bottom: var(--margin-bottom-30);
}

.agency-section-five .content-column .inner-column{
	position: relative;
}



.agency-section-five .image-column{
	position: relative;
	margin-bottom: var(--margin-bottom-30);
}

.agency-section-five .image-column .pattern-layer{
	position: absolute;
	left: 120px;
	top: 90px;
	bottom: 30px;
	width: 800px;
}

.agency-section-five .image-column .inner-column{
	position: relative;
	padding-top: var(--padding-top-40);
	padding-left: var(--padding-left-100);
}

.agency-section-five .image-column .image{
	position: relative;
	margin-right: -120px;
}

.agency-section-five .image-column .image img{
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.agency-section-five .image-column .image::before{
	position: absolute;
	content: '';
	left: 110px;
	top: 25px;
	right: -50px;
	bottom: -40px;
	border-radius: 5px;
	border: 1px solid var(--black-color);
}

.feature-block-two{
	position: relative;
	margin-bottom: var(--margin-bottom-50);
}

.feature-block-two .inner-box{
	position: relative;
	padding-left: var(--padding-left-110);
}

.feature-block-two .icon{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	height: 82px;
	line-height: 80px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	font-family: "flaticon";
	font-size: var(--font-30);
	border: 1px solid var(--black-color);
	background-color: var(--color-eleven);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.feature-block-two .inner-box:hover .icon{
	transform:rotateY(180deg);
}

.feature-block-two strong{
	position: relative;
	display: block;
	font-weight: 600;
	font-size: var(--font-20);
	color: var(--color-five);
}

.feature-block-two .text{
	position: relative;
	line-height: 28px;
	font-size: var(--font-16);
	color: var(--color-five);
	margin-top: var(--margin-top-15);
}

.agency-section-five .check-box{
	position:relative;
	padding:15px 55px 22px 25px;
	background-color:var(--color-twentynine);
	border:1px solid rgba(var(--black-color-rgb), 0.10);
}

.agency-section-five .check-box .box-inner{
	position:relative;
	line-height:32px;
	font-size:var(--font-18);
	color:var(--black-color);
	padding-left:var(--padding-left-80);
}

.agency-section-five .check-box .icon{
	position:absolute;
	left:0px;
	top:7px;
	width:57px;
	height:57px;
	line-height:47px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--black-color);
	font-family: "flaticon";
	font-size:var(--font-20);
	background-color:var(--color-three);
}

/*** 

====================================================================
	Project Section
====================================================================

***/

.projects-section{
	position: relative;
	padding: 80px 0px 80px;
	background-color: var(--color-thirtyone);
}

.projects-section .outer-container{
	max-width: 1760px;
	margin: 0 auto;
	padding: 0px 15px;
}

.projects-section .owl-dots,
.projects-section .owl-nav{
	display: none;
}

.project-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.project-block .inner-box{
	position:relative;
	padding:20px 20px;
	border-radius: 30px;
	background-color:var(--white-color);
	border:1px solid var(--black-color);
}

.project-block .image{
	position:relative;
	overflow:hidden;
	background-color: var(--main-color);
}

.project-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.project-block .inner-box:hover .image img{
	opacity: 0.70;
	transform: scale(1.04,1.04);
}

.project-block .image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}

.project-block .inner-box:hover .image:before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.project-block .lower-content{
	position:relative;
	border-radius: 10px;
	padding:25px 25px 25px 25px;
	margin-top: var(--margin-top-20);
	background-color: var(--color-thirtyfive);
}

.project-block .title{
	position:relative;
	font-size:var(--font-14);
	text-transform:uppercase;
	color:var(--main-color);
}

.project-block h4{
	margin-top:var(--margin-top-5);
}

.project-block h4 a{
	color:var(--color-five);
}

.project-block h4 a:hover{
	color:var(--main-color);
}

.project-block .discover{
	position:relative;
	text-align:center;
	border-radius:5px;
	font-weight: 500;
	display: inline-block;
	font-size:var(--font-16);
	font-family: "flaticon";
	color:var(--black-color);
	padding: 14px 26px 18px;
	font-family: 'Gordita-Medium';
	background-color:var(--white-color);
}

.project-block .discover .arrow{
	position:relative;
	line-height: 1em;
	top: 5px;
	font-family: "flaticon";
	font-size:var(--font-20);
	margin-left: var(--margin-left-10);
}

.project-block .discover:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.projects-section .lower-box{
	position: relative;
	padding: 60px 30px;
	margin-top: var(--margin-top-80);
	border-top: 1px solid var(--black-color);
	border-bottom: 1px solid var(--black-color);
}

.projects-section .lower-box .text{
	position: relative;
	line-height: 42px;
	font-size: var(--font-26);
	color: var(--black-color);
}

/*** 

====================================================================
	Steps Section
====================================================================

***/

.steps-section{
	position: relative;
	z-index: 1;
	padding: 110px 0px 70px;
}

.step-block{
	position: relative;
}

.step-block .inner-box{
	position: relative;
	border-radius: 10px;
	text-align: center;
	padding: 55px 30px 50px;
	border: 1px solid var(--black-color);
	background-color: var(--white-color);
}

.step-block .number{
	position: relative;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	font-weight: 600;
	line-height: 78px;
	text-align: center;
	border-radius: 50px;
	font-size: var(--font-32);
	border: 1px solid var(--black-color);
	background-color: var(--color-eleven);
}

.step-block h3{
	position: relative;
	margin-top: var(--margin-top-25);
}

.step-block .inner-box .text{
	position: relative;
	line-height: 32px;
	font-size: var(--font-16);
	color: var(--black-color);
	margin-top: var(--margin-top-20);
}

.step-block:nth-child(2) .inner-box .number{
	margin-top: var(--margin-top-25);
	background-color: #FFEDE2;
}

.step-block:nth-child(2) h3{
	margin-top: var(--margin-zero);
}

.step-block:nth-child(3) .inner-box .number{
	background-color: #FFFDEF;
}

/*** 

====================================================================
	Testimonial Section Four
====================================================================

***/

.testimonial-section-four{
	position:relative;
	padding:60px 0px 100px;
}

.testimonial-section-four .owl-nav{
	display:none;
}

.testimonial-section-four .owl-dots{
	position:relative;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	margin-top:var(--margin-top-25);
}

.testimonial-section-four .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section-four .owl-dots .owl-dot.active,
.testimonial-section-four .owl-dots .owl-dot:hover{
	background-color:var(--black-color);
}

.testimonial-section-four .color-layer{
	position: absolute;
	left: 0px;
	top: -255px;
	right: 0px;
	bottom: 0px;
	background-color: var(--color-eight);
}

.testimonial-block-four{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-block-four .inner-box{
	position:relative;
	border-radius: 15px;
	padding:55px 45px 60px;
	background-color:var(--white-color);
}

.testimonial-block-four h3{
	font-weight:600;
	font-size:var(--font-32);
	margin-top:var(--margin-top-35);
	margin-bottom:var(--margin-bottom-20);
}

.testimonial-block-four .text{
	position:relative;
	line-height:42px;
	font-size:var(--font-22);
	color:var(--black-color);
}

.testimonial-block-four .author-box{
	position:relative;
}

.testimonial-block-four .author-box .box-inner{
	position:relative;
	font-weight:700;
	min-height:99px;
	font-size:var(--font-20);
	color:var(--black-color);
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-120);
}

.testimonial-block-four .author-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:99px;
	height:99px;
	overflow:hidden;
	border-radius:50%;
}

.testimonial-block-four .author-box span{
	position:relative;
	display:block;
	font-weight:500;
	font-size:var(--font-14);
	color:var(--black-color);
	text-transform:uppercase;
	margin-top:var(--margin-top-10);
}

.testimonial-block-four .rating{
	position: relative;
	line-height: 1em;
}

.testimonial-block-four .rating .fa{
	position: relative;
	display: inline-block;
	font-size:var(--font-16);
	color: var(--color-three);
}

.testimonial-block-four .quote{
	position:absolute;
	right:20px;
	top:20px;
	z-index:1;
	width:60px;
	font-weight:600;
	line-height:80px;
	text-align:center;
	font-size:var(--font-38);
	font-family: "flaticon";
}

.testimonial-block-four .quote:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:105px;
	height:115px;
	z-index:-1;
	background-color:var(--color-three);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}

/*** 

====================================================================
	Team Section Two
====================================================================

***/

.team-section-two{
	position:relative;
	padding:110px 0px 90px;
}

.team-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.team-block-two .inner-box{
	position:relative;
	text-align:center;
	border-radius: 15px;
	padding: 35px 30px 50px;
	background-color: var(--white-color);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.10);
}

.team-block-two .image{
	position:relative;
	border-radius:50%;
	overflow:hidden;
	width: 249px;
	height: 249px;
	margin: 0 auto;
}

.team-block-two .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block-two .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	
	display:flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
}

.team-block-two .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.30;
	background-color:var(--main-color);
}

.team-block-two .social-box{
	position:relative;
}

.team-block-two .social-box li{
	position:relative;
	margin:0px 8px;
	display:inline-block;
}

.team-block-two .social-box li a{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-24);
}

.team-block-two .social-box li a:hover{
	color:var(--color-three);
}

.team-block-two .overlay-box .overlay-inner{
	position:relative;
	text-align:center;
}

.team-block-two .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.team-block-two .content{
	position:relative;
	padding-top: var(--padding-top-20);
}

.team-block-two h5{
	font-weight:700;
}

.team-block-two h5 a{
	position:relative;
	color:var(--black-color);
}

.team-block-two h5 a:hover{
	color:var(--main-color);
}

.team-block-two .designation{
	position:relative;
	opacity: 0.70;
	font-weight: 600;
	letter-spacing: 1px;
	font-size:var(--font-14);
	color:var(--black-color);
	text-transform:uppercase;
}

.team-block-two .rating{
	position: relative;
	margin-top:var(--margin-top-15);
}

.team-block-two .rating .fa{
	position: relative;
	letter-spacing: 1px;
	font-size:var(--font-16);
	color: var(--color-three);
}

.triangle-one{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 110px;
	height: 106px;
	opacity: 0.20;
	border-radius: 0px 0px 0px 20px;
	background-color: var(--color-three);
	clip-path: polygon(0 0, 0% 100%, 100% 100%);

	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.team-block-two .inner-box:hover .triangle-one{
	opacity: 1;
}

.triangle-two{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 110px;
	height: 106px;
	opacity: 0.20;
	border-radius: 0px 0px 20px 0px;
	background-color: var(--main-color);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);

	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.team-block-two .inner-box:hover .triangle-two{
	opacity: 1;
}

/*** 

====================================================================
	Team Section Two
====================================================================

***/

.news-section-two{
	position:relative;
	padding:0px 0px 90px;
}

.news-section-two .auto-container{
	max-width: 1600px;
}

.news-block-four{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-block-four .inner-box{
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	border:1px solid rgba(var(--black-color-rgb), 0.10);
}

.news-block-four .image{
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	background-color:var(--main-color);
}

.news-block-four .image img{
	position:relative;
	width:100%;
	display:block;
	filter: grayscale(100%);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	transform:scale(1.06,1.06);
}

.news-block-four .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1,1);
	filter: grayscale(0%);
}

.news-block-four .lower-content{
	position:relative;
}

.news-block-four .content{
	padding:35px 30px 30px;
}

.news-block-four .lower-box{
	position: relative;
	padding: 0px 20px;
	margin: 0px 20px 25px;
	border-radius: 10px;
	border: 1px solid var(--black-color);
}

.news-block-four .post-meta{
	position:relative;
	display:flex;
	align-items:center;
}

.news-block-four .post-meta li{
	position:relative;
	font-weight: 500;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	color: var(--black-color);
	font-size: var(--font-14);
	margin-right: var(--margin-right-15);
}

.news-block-four .post-meta li .icon{
	position:relative;
	margin-right:10px;
}

.news-block-four .post-meta li:last-child{
	margin: var(--margin-zero);
}

.news-block-four h5{
	font-weight:600;
	line-height:32px;
	margin-top:var(--margin-top-20);
}

.news-block-four h5 a{
	color:var(--black-color);
}

.news-block-four h5 a:hover{
	color:var(--main-color);
}

.news-block-four .read-more{
	position:relative;
	color:var(--black-color);
	font-size:var(--font-18);
	padding:17px 0px 17px 25px;
	font-family: 'Gordita-Medium';
	border-left: 1px solid var(--black-color);
}

.news-block-four .read-more:hover{
	color:var(--main-color);
}

.news-block-four .author{
	position:relative;
	padding: 4px 0px;
}

.news-block-four .author .author-inner{
	position:relative;
	min-height: 45px;
	font-size:var(--font-18);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-60);
}

.news-block-four .author .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:45px;
	height:45px;
	overflow:hidden;
	border-radius:50%;
	filter: grayscale(100%);
}

.news-block-four .inner-box:hover .author .author-image{
	filter: grayscale(0%);
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.footer-style-two{
	position:relative;
}

.footer-style-two .widgets-section{
	position:relative;
	padding:100px 0px 60px;
}

.footer-style-two .footer-widget{
	margin-bottom:var(--margin-bottom-30);
}

.footer-style-two h5{
	font-weight:600;
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	margin-top:var(--margin-top-20);
	margin-bottom:var(--margin-bottom-20);
	font-family:var(--aelpa-Manrope-font);
}

.footer-style-two .logo{
	position:relative;
	padding-bottom: var(--padding-left-25);
	margin-bottom:var(--margin-bottom-20);
	border-bottom:1px solid rgba(var(--white-color-rgb), 0.15);
}

.footer-style-two .text{
	position: relative;
	line-height: 32px;
	font-size: var(--font-18);
	color: var(--white-color);
	margin-bottom:var(--margin-bottom-30);
}

.footer-style-two h5{
	font-weight:700;
	letter-spacing: 1px;
	color:var(--white-color);
	text-transform: uppercase;
	margin-bottom:var(--margin-bottom-25);
}

.footer-style-two .social-box{
	position:relative;
}

.footer-style-two .social-box li{
	position:relative;
	display:inline-block;
	margin-right:var(--margin-right-10);
}

.footer-style-two .social-box li a{
	position:relative;
	width:47px;
	height:47px;
	line-height:47px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--white-color);
	background-color:rgba(var(--white-color-rgb), 0.20);
}

.footer-style-two .social-box li a:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}


.footer-style-two .links{
	position:relative;
}

.footer-style-two .links li{
	position:relative;
	margin-bottom:var(--margin-bottom-15);
}

.footer-style-two .links li a{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-18);
}

.footer-style-two .links li a:hover{
	color:var(--main-color);
}

.footer-style-two .newsletter-box{
	position: relative;
	border-radius: 10px;
	padding: 25px 30px 30px;
	background-color: #162C3D;
}

.footer-style-two .newsletter-box .form-group input[type="text"],
.footer-style-two .newsletter-box .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	display:block;
	height:50px;
	width:100%;
	border-radius:0px;
	box-shadow:inherit;
	font-size:var(--font-16);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	padding:10px 30px 20px 0px;
	color:var(--white-color);
	background:none;
	text-transform: capitalize;
	border-bottom:2px solid rgba(var(--white-color-rgb), 0.20);
}

.footer-style-two .newsletter-box .form-group input::placeholder,
.footer-style-two .newsletter-box .form-group textarea::placeholder{
	color:var(--white-color);
	opacity:0.70;
}

.footer-style-two .newsletter-box .form-group button{
	position:absolute;
	right:25px;
	top:20px;
	width: 40px;
	height: 40px;
	bottom:0px;
	border-radius:50px;
	text-transform:uppercase;
	color: var(--black-color);
	background-color: var(--color-three);
}

.footer-style-two .newsletter-box .form-group button:hover{
	
}

.footer-style-two .footer-bottom{
	position:relative;
	padding:35px 0px;
	border-top:1px solid rgba(var(--white-color-rgb), 0.08);
}

.footer-style-two .footer-bottom .copyright{
	position:relative;
	opacity: 0.70;
	font-size:var(--font-18);
	color:var(--white-color);
}

.footer-style-two .footer-nav{
	position:relative;
	text-align:right;
}

.footer-style-two .footer-nav li{
	position:relative;
	display:inline-block;
	margin-left:var(--margin-left-15);
}

.footer-style-two .footer-nav li a{
	position:relative;
	opacity: 0.70;
	font-size:var(--font-18);
	color:var(--white-color);
	text-transform:capitalize;
}

.xs-sidebar-group .widget-heading{
	z-index: 1;
}

/* RTL Style */

.rtl .main-slider-four .content-box .box-inner{
	text-align: right;
}

.rtl .main-slider-four .text{
	max-width: 100%;
}

.rtl .agency-section-four .image-column .image{
	overflow: visible;
	margin-left: var(--margin-left-100);
}

.rtl .agency-section-four .image-column .image img{
	max-width: inherit;
}

.rtl .agency-section-four .image-column .inner-column{
	padding-right: var(--padding-zero);
}

.rtl .agency-section-four .image-column .image-two{
	
}

.rtl .agency-section-five .content-column .inner-column{
	text-align: right;
}

.rtl .agency-section-four .content-column .inner-column{
	text-align: right;
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-100);
}

.rtl .agency-section-four .agency-feature{
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-90);
}

.rtl .agency-section-four .agency-feature .icon{
	right: 0px;
	left: auto;
}

.rtl .agency-section-five .image-column .image{
	margin-right: var(--margin-zero);
}

.rtl .agency-section-five .image-column .inner-column{
	padding-left: var(--padding-zero);
}

.rtl .agency-section-five .image-column .pattern-layer{
	right: 0px;
	left: auto;
}

.rtl .agency-section-five .image-column .image::before{
	left: -50px;
	right: 50px;
	z-index: 1;
}

.rtl .feature-block-two .inner-box{
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-100);
}

.rtl .feature-block-two .icon{
	right: 0px;
	left: auto;
}

.rtl .agency-section-five .check-box .box-inner{
	text-align: right;
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-80);
}

.rtl .agency-section-five .check-box .icon{
	right: 0px;
	left: auto;
}

.rtl .projects-section .lower-box .d-flex,
.rtl .project-block .lower-content .d-flex{
	flex-direction: row-reverse;
	text-align: right;
}

.rtl .news-block-four .lower-content,
.rtl .testimonial-block-four .inner-box{
	text-align: right;
}

.rtl .testimonial-block-four .author-box .box-inner{
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-120);
}

.rtl .testimonial-block-four .author-box .image{
	right: 0px;
	left: auto;
}

.rtl .testimonial-block-four .quote{
	left: 20px;
	right:auto;
	transform: rotateY(180deg);
}

.rtl .news-block-four .post-meta li{
	padding-left: var(--padding-zero);
	padding-right: var(--padding-right-25);
}

.rtl .news-block-four .post-meta li .icon{
	right: 0px;
	left: auto;
}

.rtl .footer-style-two{
	text-align: right;
}

.rtl .footer-style-two .newsletter-box .form-group input[type="text"],
.rtl .footer-style-two .newsletter-box .form-group input[type="email"]{
	text-align: right;
	padding-right: var(--padding-zero);
}

.rtl .footer-style-two .newsletter-box .form-group button{
	left: 25px;
	right: auto;
}

.rtl .main-slider-four .owl-dots{
	right: auto;
	left: 25px;
}

@media only screen and (max-width: 1500px){

	.agency-section-four .image-column .image{
		margin-left: -150px;
	}
	
	.project-block .discover{
		margin-top: var(--margin-top-10);
	}

	.rtl .agency-section-four .content-column .inner-column{
		padding-right: var(--padding-zero);
	}

}

@media only screen and (max-width: 1340px){

	.agency-section-four .image-column .image {
		margin-left: -50px;
	}

	.agency-section-four .content-column .inner-column{
		padding-left: var(--padding-zero);
	}

	.agency-section-five .image-column .image{
		margin-right: var(--margin-zero);
	}

	.agency-section-five .image-column .inner-column{
		padding: var(--padding-zero);
	}

	.project-block .discover {
		margin-top: var(--margin-top-20);
	}

	.rtl .agency-section-four .image-column .image{
		margin-left: var(--margin-zero);
	}

}

@media only screen and (max-width: 1200px){

	.agency-section-four .image-column .image{
		margin-left: var(--main-color);
	}

	.agency-section-four .image-column .inner-column{
		padding-right: var(--padding-zero);
		padding-bottom: var(--padding-zero);
	}

	.agency-section-four .image-column .image-two{
		position: relative;
		right: 0px;
		margin-top: var(--margin-top-20);
	}

	.agency-section-five .image-column .image::before,
	.agency-section-five .image-column .pattern-layer{
		display: none;
	}

	.news-block-four .content{
		padding: 30px 20px 30px;
	}

	.news-block-four .lower-box{
		padding: 0px 10px;
	}

}

@media only screen and (max-width: 1140px){

	.main-header.header-style-four{
		background-color: var(--white-color);
	}


	.main-slider-four .content-box .box-inner{
		padding-top: var(--padding-zero);
	}

	.sec-title-two h2{
		line-height: 56px;
		font-size: var(--font-50);
	}

	.sec-title-two h2 br{
		display: none;
	}

	.service-block-two .content{
		padding: 40px 20px 30px;
	}

}

@media only screen and (max-width: 1023px){

	.header-top{
		display: none;
	}

	.main-header.header-style-four .mobile-nav-toggler{
		color: var(--black-color);
	}

	.main-slider-four h1{
		font-size: 60px;
		line-height: 70px;
	}

	.agency-section-four .image-column .image-two{
		display: none;
	}

	.agency-section-four .content-column{
		order: 1;
	}

	.agency-section-four .image-column{
		order: 2;
	}

	.offer-section-two .lower-box .d-flex{
		display: block !important;
	}

	.offer-section-two .lower-box .text{
		margin-bottom: var(--margin-bottom-25);
	}

	.agency-section-five .image-column .image img{
		width: 100%;
		display: block;
	}

	.step-block{
		margin-bottom: var(--margin-bottom-30);
	}

	.projects-section .lower-box .text{
		line-height: 34px;
		font-size: var(--font-24);
		margin-bottom: var(--margin-bottom-20);
	}

	.projects-section .lower-box .text br{
		display: none;
	}

	.offer-section-two .lower-box .text br{
		display: none;
	}

	.testimonial-block-four .quote{
		right: 0px;
		top: 0px;
	}

	.testimonial-block-four .inner-box{
		padding: 50px 25px 50px;
	}

	.rtl .agency-section-four .image-column .image img{
		max-width: 100%;
	}

	.rtl .agency-section-five .check-box .box-inner br{
		display: none;
	}

}

@media only screen and (max-width: 767px){

	.main-slider-four h1 {
		font-size: 40px;
		line-height: 50px;
	}

	.agency-section-four .agency-feature{
		margin-bottom: var(--margin-bottom-20);
	}

	.agency-section-four .content-column .inner-column .image-three{
		margin-bottom: var(--margin-bottom-20);
	}

	.agency-section-four .count-box{
		top: 30px;
		right: 30px;
	}

	.sec-title-two h2 {
		line-height: 44px;
		font-size: var(--font-34);
	}

	.main-slider-four .slide{
		padding: 110px 0px 110px;
	}

	.footer-style-two .footer-bottom .copyright{
		text-align: center;
		margin-bottom: var(--margin-bottom-15);
	}

	.footer-style-two .footer-nav{
		text-align: center;
	}

	.main-slider-four .owl-dots{
		right: 10px;
	}

	.agency-section-four .image-column .pattern-layer-three{
		display: none;
	}

}

@media only screen and (max-width: 599px){

	.testimonial-block-four .text,
	.projects-section .lower-box .text,
	.offer-section-two .lower-box .text{
		line-height: 28px;
		font-size: var(--font-16);
	}

	.agency-section-five .check-box .box-inner br{
		display: none;
	}

	.main-header.header-style-four .nav-toggle-btn{
		margin-right: var(--margin-right-20);
	}

	.sec-title-two .text{
		line-height: 28px;
		font-size: var(--font-16);
	}

	.main-header.header-style-four .nav-toggle-btn{
		margin-left: var(--main-color);
	}

}

@media only screen and (max-width: 479px) {

	.main-slider-four h1 {
		font-size: 24px;
		line-height: 34px;
	}

	.main-slider-four .text{
		font-size: 16px;
		line-height: 26px;
	}

	.agency-section-four .count-box{
		display: none;
	}

	.sec-title-two h2 {
		line-height: 40px;
		font-size: var(--font-26);
	}

	.agency-section-five .check-box .box-inner{
		line-height: 26px;
		font-size: var(--font-16);
		padding: var(--padding-zero);
	}

	.agency-section-five .check-box .icon{
		position: relative;
		top: 0px;
		display: block;
		margin-bottom: var(--margin-bottom-20);
	}

	.project-block .inner-box{
		padding: 15px 15px;
		border-radius: 10px;
	}

	.projects-section .lower-box{
		padding: 20px 10px;
	}

	.news-block-four .read-more{
		display: none;
	}

	.rtl .agency-section-five .check-box .box-inner,
	.rtl .offer-section-two .lower-box .check-box .box-inner{
		padding-right: var(--padding-zero);
	}

}