/********************* Home Page **********************/
.section-15{
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.home-modern .swiper-button-prev,
.home-modern .swiper-button-next{
	border: 1px solid var(--grey);
	background: var(--white);
    width: 50px;
    height: 50px;
    opacity: 1;
}
.home-modern .swiper-button-prev{
	left: -25px;
}
.home-modern .swiper-button-next{
	right: -25px;
}
.home-modern .swiper-button-prev:after,
.home-modern .swiper-button-next:after{
	font-size: 30px;
    color: var(--black);
}
.home-modern .header-wrap:not(.sticky){
	position: unset;
	background: var(--grey);
}
.home-modern .header-wrap:not(.sticky) .navbar-item{
	color: var(--black);
}
.home-modern .header-wrap:not(.sticky) .navbar-item__icon svg path{
	fill: var(--black);;
}
.home-modern .header-wrap:not(.sticky) .logo-sticky{
	display: block;
}
.home-modern .header-wrap:not(.sticky) .logo-navbar{
	display: none;
}
.home-modern .hero-img:before{
	display: none;
}
.home-modern .section-hero .hero-content{
	max-width: 645px;
	background: var(--brown-active);
	padding: 30px;
}
.home-modern .hero-description{
	max-width: 100%;
}
.home-modern #fraction{
	display: none;
}
.home-modern .section-hero .swiper-pagination.swiper-pagination-bullets{
    top: unset;
    right: 70px;
    bottom: 100px;
    z-index: 1;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}
.home-modern .section-hero .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before{
	border-color: var(--white);
}
.home-modern .hero-content .modern-decor{
	position: absolute;
	right: 0;
	bottom: -15px;
}
.home-modern .section-hero{
	padding-bottom: 15rem;
}
.home-modern .about-us__bg{
	position: absolute;
	top: -30px;
	right: 0;
	z-index: 0;
}
.home-modern .about-us__img{
	padding-left: 15px;
}
.home-modern .about-us__btn{
	left: 30px;
	z-index: 2;
}
.home-modern .about-us__decor{
    top: -10px;
    right: 15px;
	z-index: 3;
}
.home-modern .statistics-wrap{
	background-image: url('../images/background/bg_statistic.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
	position: relative;
}
.home-modern .statistics-wrap .statistics-item{
	border: none;
	padding: 10px 20px 30px 20px;
	position: relative;
}
.home-modern .statistics-item .text-description,
.home-modern .statistics-item p{
	color: var(--white);
}
.home-modern .statistics-wrap .statistics-item.active{
	background: none!important;
}
.home-modern .statistics-wrap .modern-decor{
	position: absolute;
	right: 0;
	bottom: 0;
}
.home-modern .statistics-wrap .col-6:not(:last-child) .statistics-item:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	width: 2px;
	height: 60%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background: var(--white);
}
.ourprocess-item:hover{
	background: var(--brown);
}
.ourprocess-item:hover .ourprocess-content > div{
	color: var(--white);
}
.ourprocess-item:hover svg path{
	fill: var(--white);
}
.home-modern .blog-wrap{
	position: relative;
}
.home-modern .blog-item:before{
	display: none;
}
.home-modern .blog-item{
	max-height: unset;
	padding: 0 15px
}
.home-modern .blog-content{
	position: unset;
	-webkit-transform: unset;
	    -ms-transform: unset;
	        transform: unset;
}
.home-modern .blog-item:hover .blog-content p{
	color: var(--black)!important;
}
.home-modern .blog-item:hover .blog-content p:first-child{
	color: var(--brown)!important;
	border-color: var(--brown);
}
.home-modern .blog-item .blog-content p.text-description{
	color: var(--silver);
}
.home-modern .blog .blog-item .text-sub-title{
	padding-bottom: 0;
}
.home-modern .blog-item img{
	height: unset;
}
.home-modern .blog-wrap .swiper-slide:not(:last-child){
	border-right: 1px solid var(--grey);
	padding-right: 15px;
}
.home-modern .blog-wrap .swiper-slide.swiper-slide-duplicate-prev{
	border-right: none
}
.home-modern .feedbacks-wrap .swiper-slide.swiper-slide-prev,
.home-modern .feedbacks-wrap .swiper-slide.swiper-slide-next{
	-webkit-transform: unset;
	    -ms-transform: unset;
	        transform: unset;
	padding-top: 0;
	scale: 0.8;
    opacity: 0.20000000298023224;
    -webkit-filter: blur(2.5px);
            filter: blur(2.5px);
}
.home-modern .swiper-feedback-modern .swiper-button-prev{
	left: 15%;
}
.home-modern .swiper-feedback-modern .swiper-button-next{
	right: 15%;
}
.home-modern .client-item{
	border: 0;
}
.home-modern{
	overflow-x: hidden;
	overflow-y: visible;
}
.img-scroll-animate .row{
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
/********************* End Home Page **********************/

/********************* About Page **********************/
.about-modern .banner-hero .hero-title{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.about-modern .quote-content{
	border: 1px solid var(--grey, #F4F4F4);
	padding: 50px 225px 30px 225px;
}
.about-modern .quote-content{
	position: relative;
}
.about-modern .quote-icon{
	position: absolute;
	top: 20px;
	left: 60px;
}
.about-modern .quote-title{
	position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto 0 0 auto;
}
.about-modern .quote-title:before{
	content: "";
	position: absolute;
	bottom: 6px;
	left: -75px;
	width: 60px;
	height: 1px;
	background: var(--brown);
}
.about-modern .section-testimonials{
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(161, 107, 46, 0.80)), to(rgba(161, 107, 46, 0.80))), url('../images/contact/banner.png'), lightgray 50% / cover no-repeat;
	background: -o-linear-gradient(bottom, rgba(161, 107, 46, 0.80) 0%, rgba(161, 107, 46, 0.80) 100%), url('../images/contact/banner.png'), lightgray 50% / cover no-repeat;
	background: linear-gradient(0deg, rgba(161, 107, 46, 0.80) 0%, rgba(161, 107, 46, 0.80) 100%), url('../images/contact/banner.png'), lightgray 50% / cover no-repeat;
	background-size: cover;
	background-position: center;
	padding: 100px 0;
	position: relative;
}
.about-modern .section-testimonials .quote-title{
	width: 100%;
	padding-left: 70px;
	text-align: left;
}
.about-modern .section-testimonials .quote-title:before{
	background: var(--white);
	left: 0;
}
.about-modern .swiper-pagination{
	margin-top: 0;
	margin-left: 10px;
	text-align: left;
}
.about-modern .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before{
	border-color: var(--white);
}
.about-modern .ourteam-info{
	bottom: 0;
}
.about-modern .cando-modern-wrap .col-12:nth-child(n+3){
	margin-top: 15px;
}
.about-modern .ourprocess-modern-item{
	border: 1px dashed var(--silver, #777);
	background: rgba(244, 244, 244, 0.30);
	padding: 50px;
}
.about-modern .ourprocess-modern-item .text-hero{
	position: relative;
	padding-left: 70px;
}
.about-modern .ourprocess-modern-item .text-hero:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -50px;
	width: 100px;
	height: 2px;
	background: var(--grey);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.about-modern .ourprocess-modern-item{
	position: relative;
	margin-bottom: 60px;
}

.about-modern .ourprocess-modern-item .circle-dashed,
.about-modern .ourprocess-modern-item:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	border: 1px dashed var(--silver, #777);
	background: #fff;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.about-modern .ourprocess-modern-item + .ourprocess-modern-item{
	background: transparent;
}

.about-modern .ourprocess-modern-item:before{
	top: -10px;
	bottom: unset;
}

.about-modern .ourprocess-modern-item:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -60px;
	width: 1px;
	height: 50px;
	border: 1px dashed var(--silver, #777);
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.about-modern .ourprocess-modern-item:first-child:before{
	display: none;
}

.about-modern .ourprocess-modern-item:last-child .circle-dashed,
.about-modern .ourprocess-modern-item:last-child:after{
	display: none;
}

.about-modern .ourprocess-modern-item:last-child{
	margin-bottom: 0;
}

/********************* End About Page **********************/

/********************* Project Page **********************/
.project-input-search .input-group{
	max-width: 870px;
	margin: 0 auto;
}
.project-input-search .input-group input{
	border-radius: 100px!important;
	border: 1px solid var(--grey, #F4F4F4)!important;
	background: var(--grey, #F4F4F4);
	margin-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
	height: 54px;
	line-height: 54px;
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input::-webkit-input-placeholder{
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input::-moz-placeholder{
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input:-ms-input-placeholder{
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input::-ms-input-placeholder{
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input::placeholder{
	font-family: var(--font-quicksand);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.project-input-search .input-group input:focus::-webkit-search-cancel-button{
	opacity: 1!important;
	pointer-events: all;
	background:
    linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#000 45%,#000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
    linear-gradient(135deg, transparent 0%,transparent 43%,#000 45%,#000 55%,transparent 57%,transparent 100%);
}
.project-input-search .input-group-append {
	position: absolute;
    top: 0;
    right: 20px;
    background: unset;
    border: 0;
    line-height: 54px;
}
.input-group-append{
	height: 54px;
}
/********************* End Project Page **********************/

/********************* Blog Page **********************/
.blog-modern .project-input-search .input-group input{
	background-color: rgb(252 252 252);
}
.blog-modern .section-blog-category .col-12:nth-child(n+3) .blog-cat__item{
	border-top: 1px solid var(--grey);
	padding-top: 30px;
}
/********************* End Blog Page **********************/

/********************* Responsive **********************/
@media(min-width: 1024px){
	.home-modern .swiper-project-modern.swiper-rtl .swiper-wrapper{
	    margin-left: -275px;
	}
	.about-modern .swiper-ourteam-modern .swiper-wrapper{
	  	display: -ms-grid;
	  	display: grid;
	  	-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
	  	grid-template-columns: repeat(4, 1fr);
	  	gap: 15px;
	}
	.about-modern .swiper-ourteam-modern .swiper-slide > img{
	  	width: 100%;
	}
}
@media(max-width: 1400px){
	.home-modern .about-us__bg:not(.about-us__decor){
		top: -60px;
	}
}

@media(max-width: 1200px){
	.home-modern .about-us__bg{
		display: none;
	}
	.home-modern .swiper-feedback-modern .swiper-button-prev{
		left: 0;
	}
	.home-modern .swiper-feedback-modern .swiper-button-next{
		right: 0;
	}
	.about-modern .quote-content{
		padding: 30px 150px;
	}
}

@media(max-width: 1024px){
	.about-modern .quote-content{
		padding: 30px 100px;
	}
	.about-modern .quote-icon svg{
		width: 45px;
	}
	.about-modern .quote-icon{
		left: 20px;
	}
}

@media(max-width: 768px){
	.home-modern .statistics-wrap .col-6:nth-child(2) .statistics-item:before{
		display: none;
	}
	.home-modern .services-wrap .col-12:not(:last-child){
		margin-bottom: 15px;
	}
	.about-modern .section-testimonials{
		padding: 50px 0;
		margin: 0;
	}
	.about-modern .section-testimonials .text-title{
		margin-bottom: 20px;
		text-align: center;
	}
	.about-modern .section-testimonials .testimonials-wrap,
	.about-modern .section-testimonials .quote-title,
	.about-modern .swiper-pagination{
		text-align: center;
		padding-left: 0;
		margin-left: 0;
	}
	.about-modern .quote-title:before{
		display: none;
	}
	.about-modern .cando-modern-wrap .col-12{
		margin-top: 15px;
	}
	.about-modern .cando-modern-wrap .ourprocess-item{
		text-align: center;
	}
}

@media(max-width: 480px){
	.about-modern .quote-content{
		padding: 30px 50px;
	}
	.about-modern .quote-icon svg{
		width: 35px;
	}
	.about-modern .quote-icon{
		top: 0;
		left: 10px;
	}
}
/********************* End Responsive **********************/