@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import "https://fonts.googleapis.com/css?family=Roboto:400,300,500,700";

@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200normal,300,300normal,400normal,600,600normal,700,700normal,900,900normal";
@font-face {
    font-family: 'Aestetico-SemiBold';
    src: url('../fonts/Aestetico-SemiBold.woff2') format('woff2'),
         url('../fonts/Aestetico-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Aestetico-Regular';
    src: url('../fonts/Aestetico-Regular.woff2') format('woff2'),
         url('../fonts/Aestetico-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Aestetico-Medium';
    src: url('../fonts/Aestetico-Medium.woff2') format('woff2'),
         url('../fonts/Aestetico-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Aestetico-Light';
    src: url('../fonts/Aestetico-light.woff2') format('woff2'),
         url('../fonts/Aestetico-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Aestetico-Bold';
    src: url('../fonts/Aestetico-Bold.woff2') format('woff2'),
         url('../fonts/Aestetico-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-size: 20px;
	line-height: 28px;
	color: #1E1E1E;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	font-family: "Aestetico-Regular", sans-serif;
	font-optical-sizing: auto;
}
body{
	padding-top: 70px;
}
@media (min-width: 992px) {
	body{
		padding-top: 122px;
	}	
}
img{
	max-width: 100%;
	height: auto;
}
.btn, button {
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus{
	outline: 0
}
a, a:hover{
	text-decoration: none;
}
/*=================
Btn
===================*/
.btn{
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 15px;
	line-height: 24px;
	 font-family: 'Aestetico-Bold';
	 min-width: 180px;
}
.btn-primary {
	color: #fff;
	border-width: 2px;
	background-color: #EB5D0C;
	border-color: #EB5D0C;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #EB5D0C;
	background-color: transparent;
    border-color: #EB5D0C;
	box-shadow: none;	
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {	
	color: #EB5D0C;
	background-color: transparent;
    border-color: #EB5D0C;
	box-shadow: none;
}
.btn-bg-white {
	color: #1E1E1E;
	border-width: 2px;
	font-size: 20px;
	background-color: #fff;
	border-color: #fff;
	min-width: 180px;
}

.btn-bg-white:hover,
.btn-bg-white:focus,
.btn-bg-white:active {
	color: #fff;
	background-color: transparent;
    border-color: #fff;
	box-shadow: none;	
}

.btn-bg-white:not(:disabled):not(.disabled).active, 
.btn-bg-white:not(:disabled):not(.disabled):active, 
.show>.btn-bg-white.dropdown-toggle {	
	color: #fff;
	background-color: transparent;
    border-color: #fff;
	box-shadow: none;
}

/*=================
Header
===================*/
.site-header{
	padding: 10px 0 10px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
@media (min-width: 992px) {
	.site-header{padding: 15px 0 15px;}
}
.site-header .btn{
	min-width: 180px;
}
.navbar{
	padding: 0;
}
.navbar-nav .nav-item{
	margin: 0 0 10px;
}
#navbarResponsive ul{
	padding: 40px 0 0;
}
.navbar-expand-lg .navbar-nav .nav-item a {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #1E1E1E;
	font-family: 'Aestetico-Bold',Sans-Serif !important;
}
.navbar-expand-lg .navbar-nav .nav-item a:hover,
.navbar-expand-lg .navbar-nav .nav-item .active {
	color: #EB5D0C;
}
.navbar-brand{
	margin: 0;
	padding: 0;
}
@media (min-width: 992px) {
	.navbar-nav .nav-item{
		margin: 0 10px 0;
	}
	#navbarResponsive ul{
		padding: 0;
	}	
}
@media (max-width: 991.98px) {
	.navbar-collapse {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.navbar-brand img{
		max-width: 70px;
		max-height: 50px;
		object-fit: cover;
	}
}
.pen .navbar-toggler {
	border: none;
	background: transparent !important;
}

.pen .navbar-toggler:hover ,
.pen .navbar-toggler:focus,
.pen .navbar-toggler:active{
	background: transparent !important;
	border: 0!important;
	outline: none!important;
	box-shadow: none!important;
}

.pen .navbar-toggler .icon-bar {
	width: 22px;
	display: block;
	height: 2px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background: #000;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}
/* ANIMATED X COLLAPSED */
.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* ANIMATED X */
.navbar-toggler.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}
/*=================
Pages
===================*/
.top-content{
	background: #fafafa;
}
.top-content{
	padding: 0 10px;
}
.hero-container{
	padding: 40px 0 0px;
	border-radius: 0 0 20px 20px;
	background: #EB5D0C;
}
.hero-container h1{
	margin: 0 0 20px;
	font-size: 28px;
	line-height: 1;
	color: #fff;
	font-family: 'Aestetico-Bold',Sans-Serif !important;
}
.hero-container p{
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	font-family: 'Aestetico-Bold',Sans-Serif !important;
}
.hero-container img{
	border-radius: 20px;
	object-fit: cover;
}
.circle-shape{
	width: 130px;
	height:130px;
	position: absolute;
	bottom: -30px;
	right: 50px;
	background: #fff;
	border-radius: 50%;
}
.circle-shape span{
	display: block;
	font-size: 25px;
	line-height: 1;
	color: #EB5D0C;
	transform: rotate(10deg);
	font-family: 'Aestetico-Bold',Sans-Serif !important;
}
.scroll-to a{
	color: #fff;
	font-size: 16px;
	 font-family: 'Aestetico-SemiBold';
}
.scroll-to a svg{
	margin-right: 5px;
}
@media (min-width: 768px) {
	.hero-container{
		padding: 80px 0 0px;
	}	
	.hero-container p{
		margin: 0 0 40px;
		font-size: 22px;
	}	
	.hero-container h1{
		margin: 0 0 30px;
		font-size: 36px;
	}
	.circle-shape{
		bottom: -70px;
	}
}
@media (min-width: 1200px) {
	.hero-container h1{
		font-size: 66px;
	}
	.circle-shape{
		width: 220px;
		height: 220px;
	}
	.circle-shape span{
		font-size: 35px;
	}	
}

@media (min-width: 1600px) {
	.top-content{
		padding: 0 50px;
	}	
}
.py-60{
	padding: 60px 0;
}
.intro-section{
	padding: 50px 0 40px;
	border-radius: 20px;
}
.section-header span{
	margin: 0 0 20px;
	display: block;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 5%;
	font-weight: 600;
	font-family: "Outfit", sans-serif;
}
.section-header h2{
	margin: 0 auto 50px;
	color: #EA5D0B;
	font-size: 36px;
	line-height: 44px;
	font-family: 'Aestetico-Bold',Sans-Serif !important;
}
.text-medium p{
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 5%;
	font-family: 'Aestetico-Medium';
}

.logo-wrap{
	width: 280px;
	height: 150px;
	padding: 25px;
	border-radius: 20px;
	background: #fafafa;
}
.list-item-check{
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-item-check li{
	position: relative;
	padding-left: 60px;
	margin-bottom: 25px;
}
.list-item-check li:before{
	content: '';
	width: 46px;
	height: 46px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	background-color: #EA5D0B;
	background-image: url('data:image/svg+xml,<svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_86_358)"><path d="M20.4799 0C21.2678 0.241902 21.7668 0.759073 22.0002 1.57561V2.22439C21.8571 2.69707 21.6505 2.99273 21.3715 3.38015C17.8283 8.30903 13.3755 12.857 9.79557 17.796C9.30191 18.3707 9.00142 18.7942 8.22964 18.9991H7.69305L6.61898 18.3976C4.83484 16.2612 2.34061 14.3371 0.627115 12.1887C0.269391 11.7411 0.116464 11.4176 0.00288698 10.843C0.00825283 10.7827 -0.0051618 10.7169 0.00288698 10.6576C0.215733 9.04029 2.01329 8.28122 3.17947 9.45088L7.8272 14.2704L18.6457 0.83322C18.9891 0.40039 19.3441 0.174244 19.8539 0H20.4799Z" fill="white"/></g><defs><clipPath id="clip0_86_358"><rect width="22" height="19" fill="white"/></clipPath></defs></svg>');
	background-position: center center;
	background-repeat: no-repeat;
}
.list-item-check li strong{
	display: block;
	font-size: 19px;
	line-height: 40px;
	color: 	#1E1E1E;
	font-weight: 400;
	font-family: 'Aestetico-SemiBold';
}
.list-item-check li span{
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: 	#1E1E1E;
	font-family: 'Aestetico-Medium';
	letter-spacing: 5%;
}
@media (min-width: 768px) {
	.intro-section{
		padding: 100px 0 60px;
	}
	.section-header h2{
		font-size: 50px;
		line-height: 54px;
	}
}
@media (min-width: 992px) {
	.border-md-right{
		border-right: solid 1px #EEEEEE;
	}	
}
.about-us{
	padding: 80px 0;
}
.mw-780{
	max-width: 780px;
	margin: 0 auto 50px;
}
.about-us p{
	margin: 0 0 30px;
	font-size: 19px;
	line-height: 26px;
	letter-spacing: 5%;
	font-family: 'Aestetico-Medium';
}
@media (max-width: 575px) {
	.about-us img{
		max-width: 150px;
		margin: 0 auto;
		display: block;
	}
}
.our-team{
	padding: 80px 0;
	background: #FAFAFA;
}

.team-img{
	width: 280px;
	height: 280px;
	border-radius: 20px;
	object-fit: cover;
}
.client-logo {
	width: 100px;
	height: 100px;
	padding: 15px;
	position: absolute;
	left: -10px;
	bottom: -30px;
	background: #fff;
	border-radius: 8px;
	filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3));
}
.our-team p{
	margin: 0 0 40px;
	font-size: 22px;
	line-height: 35px;
	letter-spacing: 5%;
	color: #000;
	font-family: 'Aestetico-Medium';
}

.our-team .team-footer strong{
	font-family: 'Aestetico-SemiBold';
	line-height: 28px;
	color: #EB5D0C;
	display: block;
}
.our-team  .team-footer span{
	font-size: 18px;
	color: #1E1E1E;
	font-family: 'Aestetico-SemiBold';
}
.mb-100{
	margin-bottom: 100px;
}
@media (min-width: 768px) {
	.our-team{
		padding: 80px 0 170px;
	}
}
@media (min-width: 992px) {
	.team-img{
		width: 380px;
		height: 380px;
	}
	.client-logo {
		width: 178px;
		height: 178px;
	}	
}
@media (min-width: 1200px) {
	.client-logo {
		left: -40px;
		bottom: -70px;
	}	
}
.py-90{
	padding: 90px 0;
}

.team-card{
	margin: 0 auto;
	width: 280px;
	min-height: 403px;
	overflow: hidden;
	border-radius: 20px;
	background-color: #FAFAFA;
}
.team-image{
	width: 280px;
	height: 265px;
	border-radius: 20px;
}
.team-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-info{
	padding: 30px 20px 10px;
}
.team-info strong{
	margin: 0 0 10px;
	display: block;
	color: #EB5D0C;
	font-weight: 400;
	font-family: 'Aestetico-SemiBold';
}

.team-slider{
	padding-bottom: 100px;
}
@media (min-width: 480px) {
	.team-card{
		width: 100%;
	}
	.team-image{
		width: 100%;
	}	
}
@media (min-width: 768px) {
	.team-card{
		width: 280px;
	}
	.team-image{
		width: 280px;
	}	
}
.our-services{
	padding: 70px 0;
	background: #FAFAFA;
}
.our-services .section-header p{
	font-size: 22px;
	color: #000;
}
.acc-item{
	border-top: solid 1px #B3B3B3;
}
.acc-container{
	border-bottom: solid 1px #B3B3B3;
}
.acc-header{
	padding: 20px 50px 20px 20px;
	position: relative;
	cursor: pointer;
}
.acc-header strong{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 5%;
	color: #000;
	display: block;
}
.acc-header span{
	position: absolute;
	top: 20px;
	right: 15px;
	width: 26px;
	height: 26px;
	display: block;
}
.acc-header span:after{
	content: '';
	width: 22px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #000;
}
.acc-header span:before{
	content: '';
	width: 2px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #000;
	transition: all 0.5s;
}
.accordion__rotate:before{
	opacity: 0;
}
.acc-content{
	display: none;
	padding : 0 20px 0;
}
.acc-content p{
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 28px;
	color: #000;
	letter-spacing: 5%;
	 font-family: 'Aestetico-Light';
}
@media (min-width: 768px) {
	.acc-header strong{
		font-size: 26px;
		line-height: 35px;
	}	
}
.testimonial-wrap{
	max-width: 1180px;
	margin: 0 auto 70px;
	padding: 50px 20px;
	border-radius: 20px;
	background-color: #FAFAFA;
	filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3));
}
.testimonial-carousel p{
	margin: 0 0 40px;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 5%;
	color: #1E1E1E;
	font-family: 'Aestetico-SemiBold';
}
.testimonial-carousel strong{
	display: block;
	font-size: 24px;
	line-height: 35px;
	letter-spacing: 5%;
	color: #EB5D0C;
	font-family: 'Aestetico-SemiBold';
}
.testimonial-carousel span{
	display: block;
	color: #1E1E1E;
	font-family: 'Aestetico-SemiBold';
}
@media (min-width: 768px) {
	.testimonial-wrap{
		margin: 0 auto 70px;
	}
	.testimonial-carousel p{
		font-size: 22px;
		line-height: 35px;
	}	
}
.logo-slider{
	padding-bottom: 50px;
}
.logo-item img{
	max-width: 120px;
}
.contact-us{
	padding: 90px 0;
	background: #FAFAFA;
}
.contact-info address{
	font-weight: 400;
	font-family: 'Aestetico-Light';
}
.contact-info address strong,
.contact-info p strong{
	font-weight: 400;
	font-family: 'Aestetico-SemiBold';
}
.contact-info  a{
	color: #1E1E1E;
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 1s;
}
.contact-info  a:hover{
	background-size: 100% 100%;
	color: #EB5D0C;
}
.contact-form{
	padding: 30px;
	border: solid 1px #D9D9D9;
	border-radius: 12px;
	background-color: #fff;
}
.form-field label{
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 140%;
	color: #1E1E1E;
	display: block;
}
.form-field .form-control{
	padding: 10px 15px;
	font-size: 22px;
	line-height: 100%;
	color: #000;
	border: solid 1px #D9D9D9;
	border-radius: 12px;
}
.form-field ::placeholder{
	opacity: 1;
	color: #B3B3B3;
}
.form-field textarea{
	resize: none;
	height: 180px;
}
.help-block ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
/*=================
Slick Slider
===================*/	
.js-slide {
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.js-slide:first-child {
    height: auto;
	visibility: visible;
    overflow: visible;
}

.js-carousel.slick-initialized .js-slide {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.carousel-flex .slick-track {
	display: -ms-flexbox;
	display: flex;
}

.slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	fill: #33354D;
	color: #fff;
	width: 44px;
	height: 44px;
	line-height: 36px;
	border: 0;	
	background-color: #C54D9B;
	text-align: center;
	border-radius: 50%;	
    cursor: pointer;
	left: 10px;
	z-index: 999;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background-color: #C54D9B;
}

.slick-prev svg,
.slick-next svg {
	vertical-align: middle;
}	
.slick-next {
	left: auto;
    right: 10px;
}

/* Dots */
.slick-dots {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 6;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}
.slider-dots .slick-dots{
	bottom: 0;
}
.logo-slider .slick-dots{
	bottom: 0;
}
.testimonial-carousel .slick-dots{
	bottom: -50px;
}
.hreo-carousel .slick-dots{
	bottom: -30px;
}
@media (min-width: 768px) {
	.hreo-carousel .slick-dots{
		bottom: 40px;
	}
}
.slick-dots li {
	margin: 0;
	padding: 0;
    display: inline-block;
}

.slick-dots li button {
	text-indent: -9999px;
	height: 16px;
	width: 16px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	margin: 0 5px;
	font-size: 4px;
	outline: none;
	line-height: 12px;
	background: #B3B3B3;
	opacity: 1
}

.slick-dots li.slick-active button {
	opacity: 1;
	background: #757575;
}

/*
site footer
*/
.site-footer{
	padding: 50px 0;
}
.site-footer p{
	font-size: 15px;
	line-height: 22px;
	color: #000;
	font-family: 'Aestetico-Light';
}
.site-footer p a{
	color: #000
}
.site-footer p a strong{
	font-weight: 500;
	font-family: 'Aestetico-SemiBold';
}
@media (max-width: 767.98px) {
	.site-footer .footer-logo img{
		max-width: 150px;
		margin: 0 auto;
	}	
}
@media (min-width: 768px) {
	.site-footer{
		padding: 80px 0;
	}	
}