@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/



body{
	font-family: 'VartaRegular';
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 1.8px;
	color: #3B3B3B;
	background: #ffffff;
}

figure {
	margin: 0;
}

strong,
b {
	font-family: 'VartaBold';
	font-weight: normal;
}

a,
input,
button,
textarea { outline: none !important; }

a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

p {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ol,
ul {
	margin-bottom: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

ol li,
ul li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.container-fluid,
.container {
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row > * {
	padding-left: 15px;
	padding-right: 15px;
}

.alignnone {
	float: none;
	margin: 20px;
}

.alignleft {
	float: left;
	margin: 20px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}

.aligncenter {
	float: none;
	display: block;
	margin: 20px auto;
}

blockquote {
	padding-left: 30px;
	border-left: 5px solid #F17575;
	margin-bottom: 20px;
}

blockquote * {
	font-size: 150%;
	line-height: 180%;
}

.paragraph-medium {
	font-size: 22px;
	line-height: 130%;
}

.paragraph-large {
	font-size: 25px;
	line-height: 145%;
}

.fix-width-395 {
	max-width: 395px;
	width: 100%;
}

.fix-width-435 {
	max-width: 435px;
	width: 100%;
}

.fix-width-645 {
	max-width: 645px;
	width: 100%;
}

.fix-width-785 {
	max-width: 785px;
	width: 100%;
}

/* main-title */
.main-title {
	font-family: 'SegoeUIBold';
	font-size: 78px;
	line-height: 135%;
	color: #F17575;
	letter-spacing: 0;
	margin-bottom: 30px;
}

.main-title * {
	display: inline-flex;
	text-decoration: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
/* main-title */

/* section-title */
.section-title {
	font-family: 'SegoeUIBold';
	font-size: 60px;
	line-height: 135%;
	color: #F17575;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.section-title * {
	display: inline-flex;
	text-decoration: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
/* section-title */

/* block-title */
.block-title {
	display: inline-flex;
	font-family: 'SegoeUIBold';
	font-size: 40px;
	line-height: 135%;
	color: #ffffff;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.block-title * {
	text-decoration: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
/* block-title */

/* buttons */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'VartaBold';
	font-size: 20px;
	line-height: 135%;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	padding: 20px 47px 14px;
	border: none;
	box-shadow: none;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.btn-white {
	color: #D66767 !important;
	background: #ffffff !important;
}

.btn-white:active,
.btn-white:focus {
	color: #D66767 !important;
	background: #ffffff !important;
}

.btn-white:active:focus,
.btn-white:hover {
	color: #000000 !important;
	background: #ffffff !important;
}

.btn-pink-gradient {
	color: #ffffff !important;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%) !important;
}

.btn-pink-gradient:active,
.btn-pink-gradient:focus {
	color: #ffffff !important;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%) !important;
}

.btn-pink-gradient:active:focus,
.btn-pink-gradient:hover {
	color: #000000 !important;
	background: #ffffff !important;
}
/* buttons */

/* common-form */
.common-form .form-group {
	margin-bottom: 20px;
}

.common-form .form-label {
	font-family: 'VartaBold';
	font-size: 20px;
	line-height: 135%;
	color: #3B3B3B;
	letter-spacing: 0.4px;
	margin-bottom: 7px;
}

.common-form .form-select,
.common-form .form-control {
	resize: none;
	height: 50px;
	color: #3B3B3B;
	background-color: #FFDCF9;
	padding: 6px 25px;
	box-shadow: none !important;
	border: none;
	letter-spacing: 0.4px;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-ms-border-radius: 70px;
	-o-border-radius: 70px;
}

.common-form textarea.form-control {
	height: 160px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 27px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	-ms-border-radius: 27px;
	-o-border-radius: 27px;
}

.common-form .form-submit {
	margin-top: 35px;
}

.common-form.white-layout .form-label {
	color: #ffffff;
}
/* common-form */

/* common-social-icons */
.common-social-icons ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.common-social-icons ul li {
	display: inline-flex;
	margin: 0 0 25px;
	padding: 0;
	list-style-type: none;
}

.common-social-icons ul li:last-child {
	margin-bottom: 0;
}

.common-social-icons ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: #ffffff;
	width: 85px;
	height: 85px;
	font-size: 40px;
	line-height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
/* common-social-icons */

/* slick slider */
.slick-slider .slick-slide {
	outline: none;
}

.slick-arrow {
	position: relative;
	cursor: pointer;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	font-size: 25px;
	line-height: 100%;
	color: #ffffff;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.slick-arrow:hover {
	background: #3B3B3B;
}

.slick-arrow button {
	display: none;
}
/* slick slider */
/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 64px 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header.h-stick {
	padding: 30px 0;
	background: #323232;
}

.header .h-download-cv-button {
	margin-left: 30px;
}

.navbar {
	padding: 0;
}

.navbar .navbar-brand {
	padding: 0;
	margin-right: 105px;
}

.navbar-toggler {
	position: relative;
	z-index: 99;
    width: 30px;
    height: 22px;
    padding: 0;
    box-shadow: none !important;
    border: none;
}

.navbar-toggler .hamburger-toggle {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.navbar-toggler .hamburger {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.navbar-toggler .hamburger span {
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    position: relative;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.navbar-toggler .hamburger span:first-child {
    top: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.navbar-toggler .hamburger span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler .hamburger span:last-child {
    margin: 0;
    top: -10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.navbar-toggler.collapsed .hamburger span {
    opacity: 1 !important;
    top: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.navbar .navbar-collapse {
	flex: 1 0 0;
	justify-content: space-between;
}

.navbar .navbar-nav {
	margin: 0;
}

.navbar .navbar-nav .nav-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding: 0 70px;
}

.navbar .navbar-nav .nav-item:before {
	position: absolute;
	content: "/";
	color: #ffffff;
	right: 0;
}

.navbar .navbar-nav .nav-item:first-child {
	padding-left: 0;
}

.navbar .navbar-nav .nav-item:last-child {
	padding-right: 0;
}

.navbar .navbar-nav .nav-item:last-child:before {
	display: none;
}

.navbar .navbar-nav .nav-item .nav-link {
	font-family: 'VartaBold';
	font-size: 16px;
	line-height: 135%;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1.92px;
	padding: 0;
}

.navbar .navbar-nav .nav-item.active > .nav-link,
.navbar .navbar-nav .nav-item.current-menu-item > .nav-link,
.navbar .navbar-nav .nav-item.current-menu-parent > .nav-link,
.navbar .navbar-nav .nav-item .nav-link.active,
.navbar .navbar-nav .nav-item .nav-link.current-menu-item,
.navbar .navbar-nav .nav-item .nav-link.current-menu-parent,
.navbar .navbar-nav .nav-item .nav-link:hover {
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/
/* banner */
.banner-section .banner-description {
	position: relative;
	z-index: 9;
	padding: 240px 0 97px;
}

.banner-section .banner-description .back-logo {
	position: absolute;
	left: 0;
	bottom: 33px;
	z-index: -1;
}

.banner-section .banner-main-image {
	position: relative;
	z-index: 9;
}

.banner-section .banner-main-image .back-bg {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.banner-section .banner-main-image .banner-image {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.banner-section .banner-main-image .banner-profile-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 26px;
	padding: 0 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	text-align: right;
}

.banner-section .banner-main-image .common-social-icons {
	position: absolute;
	right: 0;
	top: 0;
}

.banner-section .banner-main-image .common-social-icons ul li a {
	width: 70px;
	height: 70px;
}

.banner-section .banner-main-image .common-social-icons ul li a * {
	max-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-section .main-title span {
	display: block;
	margin-top: 30px;
	font-size: 40px;
	line-height: 135%;
	letter-spacing: 2.8px;
	text-transform: uppercase;
}

.banner-section .main-title img {
	margin-left: 30px;
}

.banner-section .banner-content {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.banner-section .scroll-to-section-link {
	text-decoration: none;
	z-index: 9;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 17px;
	padding-bottom: 38px;
	font-family: 'VartaBold';
	font-size: 14px;
	line-height: 125%;
	color: #ffffff;
	letter-spacing: 1.68px;
	text-transform: uppercase;
}

.banner-section .scroll-to-section-link:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ffffff;
}

.banner-section .scroll-to-section-link:after {
	position: absolute;
	content: "";
	left: 0;
	top: 100%;
	width: 1px;
	height: 17px;
	background: #3B3B3B;
}

.banner-section .scroll-to-section-link:hover {
	color: #D66767;
}

.banner-section .scroll-to-section-link:hover:after,
.banner-section .scroll-to-section-link:hover:before {
	background: #D66767;
}

.banner-section .banner-design-tools {
	text-align: right;
	margin-top: 30px;
	color: #ffffff;
	margin-left: auto;
}

.banner-section .banner-design-tools ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
}

.banner-section .banner-design-tools ul li {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
}

.banner-section .banner-design-tools ul li:before {
	position: absolute;
	content: "";
	left: -2px;
	top: 10px;
	width: 5px;
	height: 5px;
	background: currentColor;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.banner-section .banner-design-tools ul li:first-child:before {
	display: none;
}
/* banner */

/* about-me */
.about-me-section {
	padding: 112px 0 80px;
}

.about-me-section .about-me-main-title {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.about-experience-block {
	margin-top: 40px;
}

.about-experience-block .title {
	font-family: 'VartaBold';
	font-size: 16px;
	line-height: 125%;
	letter-spacing: 1.44px;
}

.about-experience-block .title * {
	display: inline-flex;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}

.about-experience-block .detail {
	font-size: 25px;
	letter-spacing: 0.5px;
}

.about-me-block {
	position: relative;
	color: #ffffff;
	height: 100%;
	padding: 55px 45px 60px;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	-ms-border-radius: 55px;
	-o-border-radius: 55px;
}

.about-me-block .about-icon {
	position: absolute;
}

.about-me-block.ux-ui-block .about-icon {
	right: 19px;
	top: -45px;
}

.about-me-block.ux-ui-block .about-icon {
	right: 19px;
	top: -45px;
}

.about-me-block.graphic-design-block .about-icon {
	right: -19px;
	bottom: -72px;
}

.about-me-block .block-title {
	color: #ffffff;
	margin-bottom: 40px;
}

.about-me-block .detail p {
	margin-bottom: 35px;
}
/* about-me */

/* projects */
.projects-section .projects-content {
	position: relative;
	padding: 260px 0 245px;
}

.projects-section .projects-content:before {
	position: absolute;
	content: "";
	left: 270px;
	top: 22px;
	width: 326px;
	height: 173px;
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 428 228' style='enable-background:new 0 0 428 228;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23EF777F;stroke-width:2;stroke-linejoin:round;stroke-dasharray:9,9;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,0c0,79.2,87.9,128,247.5,83.6C388.5,44.7,427,159.9,427,228'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}

.projects-section .projects-content:after {
	position: absolute;
	content: "";
	right: 330px;
	bottom: 40px;
	width: 426px;
	height: 155px;
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 428 155' style='enable-background:new 0 0 428 155;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23EF777F;stroke-width:2;stroke-linejoin:round;stroke-dasharray:9,9;%7D%0A%3C/style%3E%3Cpath class='st0' d='M427,0c0,53.9-87.9,87-247.5,56.8C39.5,30.4,1,108.7,1,155'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}

.projects-section .projects-content .projects-list:nth-child(even) {
	margin-left: -92px;
}

.projects-list > .row {
	margin: 0 -18px;
}

.projects-list > .row > * {
	padding: 0 18px;
}

.projects-block {
	text-decoration: none;
	display: block;
	margin-bottom: 36px;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-ms-border-radius: 70px;
	-o-border-radius: 70px;
	filter: drop-shadow(0px 0px 9.6px rgba(175, 175, 175, 0.30));
	-webkit-filter: drop-shadow(0px 0px 9.6px rgba(175, 175, 175, 0.30));
}

.projects-block * {
	width: 100%;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-ms-border-radius: 70px;
	-o-border-radius: 70px;
}
/* projects */

/* excited-learn-things */
.excited-learn-things-section {
	padding: 0 0 40px;
	overflow: hidden;
}

.excited-learn-things-section .container {
	margin-left: -30px;
}

.excited-learn-things-section .excited-learn-block {
	box-shadow: 0px 0px 18.5px 0px rgba(188, 188, 188, 0.72);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.excited-learn-things-section .excited-learn-block * {
	width: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.excited-learn-things-section .excited-learn-things-detail .title {
	font-family: 'VartaBold';
	font-size: 25px;
	line-height: 135%;
	color: #3B3B3B;
	letter-spacing: 2.25px;
	margin-bottom: 25px;
}

.excited-learn-things-section .excited-learn-things-detail .title * {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}

.excited-learn-things-section .excited-learn-things-detail .detail {
	font-size: 22px;
	line-height: 150%;
	color: #2C2C2C;
	letter-spacing: 0.88px;
}
/* excited-learn-things */

/* experience */
.experience-section {
	padding: 35px 0 75px;
}

.experience-section .section-title {
	margin-bottom: 55px;
}

.experience-section .experience-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.experience-section .experience-list > * {
	flex: 0 0 auto;
	max-width: 100%;
	width: 33.33333333%;
	padding: 0 10px;
}

.experience-section .experience-list > * .experience-block:first-child {
	padding-top: 0;
}

.experience-section .experience-block {
	position: relative;
	padding-top: 48px;
	padding-left: 20px;
}

.experience-section .experience-block:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
}

.experience-section .experience-block .title {
	font-family: 'VartaBold';
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 1.44px;
	margin-bottom: 2px;
}

.experience-section .experience-block .title * {
	display: inline-flex;
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: inherit;
	margin-top: 0;
	margin-bottom: 0;
}

.experience-section .experience-block .detail {
	letter-spacing: 0.4px;
}

.experience-section .experience-block .detail *:last-child {
	margin-bottom: 0;
}

.experience-section .experience-cv-download {
	text-align: center;
	background: var(--gradient, linear-gradient(90deg, #F17575 0%, #D87ECF 100%));
	box-shadow: 0px 0px 18.5px 0px rgba(188, 188, 188, 0.72);
	padding: 55px 55px 45px;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-ms-border-radius: 70px;
	-o-border-radius: 70px;
}

.experience-section .experience-cv-download .download-detail {
	letter-spacing: 1px;
}

.experience-section .experience-cv-download .download-button {
	margin-top: 30px;
}
/* experience */

/* contact */
.contact-section {
	position: relative;
	z-index: 9;
	padding: 70px 0;
}

.contact-form-social-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -10px;
}

.contact-form-social-block > * {
	flex: 0 0 auto;
	padding: 0 10px;
}

.contact-form-social-block .common-social-icons ul {
	justify-content: flex-end;
}
/* contact */
/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/

/* contact-footer-wrapper */
.contact-footer-wrapper .contact-footer-content {
	position: relative;
	z-index: 9;
}

.contact-footer-wrapper .contact-footer-content .back-logo {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
/* contact-footer-wrapper */

/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.footer {
	padding: 47px 0 40px;
}

.footer .f-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 -10px;
}

.footer .f-content > * {
	flex: 0 0 auto;
	max-width: 100%;
	padding: 0 10px;
}

.footer ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer ul li {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 0 0 7px;
	padding: 0;
	list-style-type: none;
	font-family: 'VartaBold';
	line-height: 100%;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}

.footer ul li:before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
}

.footer ul li:first-child {
	padding-left: 0 !important;
}

.footer ul li:last-child {
	padding-right: 0 !important;
}

.footer ul li:last-child:before {
	display: none;
}

.footer ul li a {
	text-decoration: none;
	color: inherit;
}

.footer ul li.active a,
.footer ul li.current-menu-item a,
.footer ul li.current-menu-parent a,
.footer ul li a.active,
.footer ul li a.current-menu-item,
.footer ul li a.current-menu-parent,
.footer ul li a:hover {
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.f-copyright-block ul li {
	font-size: 16px;
	letter-spacing: 2.4px;
	padding: 0 7px;
}

.f-copyright-block ul li:before {
	top: -2px;
	width: 2px;
	height: 100%;
	background: #ffffff;
}

.f-navigation-block ul li {
	font-size: 20px;
	letter-spacing: 1.92px;
	padding: 0 70px;
}

.f-navigation-block ul li:before {
	content: "/";
}
/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/

/*========== Modal Start ==========*/
.common-projects-modal .modal-content {
	position: relative;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.common-projects-modal .modal-dialog {
	margin: 0 auto;
}

.common-projects-modal .modal-content .btn-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 85px;
	height: 85px;
	padding: 0;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	box-shadow: none;
	z-index: 9;
	border-radius: 0 40px 0 50px;
	-webkit-border-radius: 0 40px 0 50px;
	-moz-border-radius: 0 40px 0 50px;
	-ms-border-radius: 0 40px 0 50px;
	-o-border-radius: 0 40px 0 50px;
}

.common-projects-modal .modal-content .modal-body {
	padding: 125px 80px;
}

.common-projects-modal .modal-content .modal-detail {
	font-family: 'VartaLight';
	font-size: 18px;
	letter-spacing: 0.72px;
}

.common-projects-modal .modal-content .modal-detail p {
	margin-bottom: 25px;
}

.common-projects-modal .modal-content .modal-detail b {
	letter-spacing: 0.54px;
}

/* .common-projects-modal .projects-modal-block {
	padding: 125px 80px;
} */

.common-projects-modal .projects-modal-block > .row {
	margin: 0 -55px;
}

.common-projects-modal .projects-modal-block > .row > * {
	padding: 0 55px;
}

.projects-modal-block .projects-modal-experience-block {
	margin-top: 60px;
}

.projects-modal-block .about-experience-block {
	margin-top: 15px;
}

.projects-modal-block .about-experience-block .detail {
	font-size: 20px;
	letter-spacing: 0.4px;
	color: #2C2C2C;
}

.projects-modal-block .projects-summery-button {
	margin-top: 50px;
}

.projects-modal-block .projects-summery-button .btn {
	position: relative;
}

.projects-modal-block .projects-summery-button .btn:after {
	position: relative;
	content: "";
	margin-left: 24px;
	width: 25px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath d='M5.07812 2.34375C4.97452 2.34375 4.87517 2.3849 4.80191 2.45816C4.72865 2.53142 4.6875 2.63077 4.6875 2.73438V16.7969C4.6875 17.1077 4.56403 17.4057 4.34427 17.6255C4.1245 17.8453 3.82643 17.9688 3.51562 17.9688H1.17188C0.861074 17.9688 0.563003 17.8453 0.343234 17.6255C0.123465 17.4057 0 17.1077 0 16.7969C0 16.4861 0.123465 16.188 0.343234 15.9682C0.563003 15.7485 0.861074 15.625 1.17188 15.625H2.34375V2.73438C2.34375 1.225 3.56875 0 5.07812 0H19.9219C21.4312 0 22.6562 1.225 22.6562 2.73438V15.625H23.8281C24.1389 15.625 24.437 15.7485 24.6568 15.9682C24.8765 16.188 25 16.4861 25 16.7969C25 17.1077 24.8765 17.4057 24.6568 17.6255C24.437 17.8453 24.1389 17.9688 23.8281 17.9688H21.4844C21.1736 17.9688 20.8755 17.8453 20.6557 17.6255C20.436 17.4057 20.3125 17.1077 20.3125 16.7969V2.73438C20.3125 2.63077 20.2713 2.53142 20.1981 2.45816C20.1248 2.3849 20.0255 2.34375 19.9219 2.34375H5.07812Z' fill='%23ffffff'/%3E%3Cpath d='M12.4531 8.54688L8.15618 12.8438C8.04105 12.951 7.9487 13.0804 7.88465 13.2242C7.8206 13.3679 7.78616 13.5231 7.78339 13.6804C7.78061 13.8378 7.80955 13.9941 7.86849 14.14C7.92743 14.2859 8.01516 14.4185 8.12644 14.5297C8.23772 14.641 8.37027 14.7288 8.51619 14.7877C8.66211 14.8466 8.8184 14.8756 8.97575 14.8728C9.1331 14.87 9.28828 14.8356 9.43203 14.7715C9.57577 14.7075 9.70515 14.6151 9.81243 14.5L14.1093 10.2031L16.5202 12.6141C16.5749 12.6688 16.6445 12.7061 16.7204 12.7213C16.7963 12.7364 16.8749 12.7287 16.9464 12.6991C17.0179 12.6694 17.0789 12.6193 17.1218 12.5549C17.1647 12.4905 17.1876 12.4149 17.1874 12.3375V5.85938C17.1874 5.75578 17.1463 5.65642 17.073 5.58316C16.9998 5.50991 16.9004 5.46875 16.7968 5.46875H10.3187C10.2413 5.46861 10.1657 5.49145 10.1013 5.53436C10.0369 5.57727 9.98676 5.63833 9.95713 5.70979C9.92751 5.78126 9.91977 5.85991 9.9349 5.93577C9.95003 6.01164 9.98735 6.08131 10.0421 6.13594L12.4531 8.54688Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}

.projects-modal-block .projects-summery-button .btn:active:focus,
.projects-modal-block .projects-summery-button .btn:hover {
	color: #ffffff !important;
	background: #3B3B3B !important;
}

.modal-carousel {
	opacity: 0;
	background: #D9D9D9;
	/* overflow: hidden; */
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.modal-carousel.slick-initialized {
	opacity: 1;
}

.modal-carousel .slick-arrow {
	position: absolute;
	right: -30px;
	bottom: -21px;
}

.modal-carousel .slick-arrow.slick-prev {
	right: 50px;
}

/* .modal-carousel .slick-track {
	display: flex;
	align-items: center;
} */

.modal-carousel .slick-list {
	overflow: hidden;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.modal-carousel .slick-slide {
	height: 650px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* .modal-carousel .modal-slide-block {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
} */

.modal-carousel .modal-slide-block,
.modal-carousel .modal-slide-block .video-block,
.modal-carousel .modal-slide-block .slide-image {
	height: 100%;
	display: flex;
	align-items: center;
}

.modal-carousel .modal-slide-block .video-block *,
.modal-carousel .modal-slide-block .slide-image * {
	max-width: 100%;
	max-height: 100%;
	/* height: 100%; */
}

.common-slider-video-block {
	position: relative;
}

.common-slider-video-block .video-play-icon {
	text-decoration: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	padding-left: 5px;
	line-height: 100%;
	z-index: 9;
	color: #ffffff;
	background: linear-gradient(90deg, #F17575 0%, #D87ECF 100%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.common-slider-video-block.video-playing .video-play-icon {
	padding-left: 0;
	opacity: 0;
}

.common-slider-video-block.video-playing:hover .video-play-icon {
	opacity: 1;
}

.common-slider-video-block .video-play-icon:hover {
	color: #323232;
	background: #ffffff;
}
/*========== Modal End ==========*/