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

/*---------- Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body {
	font-family: "Poppins", sans-serif;
	background-color: #FAF6F0;
	color: #01081E;
}

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

a {
	text-decoration: none;
	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;
}

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

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

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

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

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	color: #948FFF;
}

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

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

ul li a:hover,
ol li a:hover {
	color: #948FFF;
}

/* Common Style Start */
.main-title {
	font-family: 'TankerRegular';
	font-size: 80px;
	line-height: 122%;
}

.main-title span {
	position: relative;
	display: inline-block;
}

.main-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.section-title {
	font-size: 60px;
	line-height: 116%;
	font-weight: 400;
}

.section-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.block-title {
	font-size: 56px;
	line-height: 116%;
	font-weight: 500;
}

.block-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.small-block-title {
	font-family: 'TankerRegular';
	font-size: 40px;
	line-height: 136%;
}

.small-block-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.small-title {
	font-size: 36px;
	line-height: 154%;
	font-weight: 500;
}

.small-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.product-title {
	font-size: 28px;
	line-height: 134%;
	font-weight: 600;
}

.product-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.sub-title {
	font-family: 'TankerRegular';
	font-size: 20px;
	line-height: 156%;
}

.sub-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.blog-title {
	font-size: 24px;
	line-height: 156%;
	font-weight: 500;
}

.blog-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.common-detail {
	font-size: 18px;
	line-height: 156%;
	font-weight: 400;
}

.common-detail * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.detail {
	font-size: 16px;
	line-height: 162%;
	font-weight: 400;
}

.detail * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.btn {
	font-size: 16px;
	line-height: 20px;
	padding: 21px 23px;
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-border {
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	background-origin: border-box;
	border: 1px solid transparent;
	color: #FAF6F0;
	z-index: 9;
	display: block;
	position: relative;
	padding: 21px 23px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.btn span {
	position: relative;
	z-index: 10;
}

.btn::after {
    content: "";
    display: inline-block;
    border: 1px solid transparent;
    background-color: #04060B;
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.btn::before {
    content: "";
    background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    position: absolute;
    width: 0;
    height: 0;
	top: 100%;
	left: -100%;
    z-index: 10;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}


.btn span::before {
	content: "";
	background-image: url("../images/right-arrow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 17px;
	height: 13px;
	position: absolute;
	right: -100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn:hover {
	color: #04060B;
	padding: 21px 48px 21px 23px;
	background-color: transparent;
}

/* .btn:hover::after {
	background-color: transparent;
} */

.btn:hover::before {
	width: 130%;
    height: 100px;
    top: -20%;
    left: -20%;
}

.btn:hover span::before {
	right: -25px;
}

.btn-F4EBDD {
	background-color: #F4EBDD;
}

.btn-F4EBDD:hover::after {
	background-color: transparent;
}

.color-gradient {
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bottom-border,
.gradient-border {
	position: relative;
}

.bottom-border::after {
	content: "";
	background-image: url("../images/Line.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 9px;
}

.gradient-border::before {
	content: "";
	background-image: url("../images/gradient-border.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 9px;
}

.color-948fff {
	color: #948fff;
}

.bg-04060B {
	background-color: #04060B;
}

.clip-path {
	/* clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 92%); */
	clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 92%);
}	

/* Common Style End */


/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
	background-color: #04060B;
	padding: 13px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

.header .navbar {
	padding: 0 80px 0 0;
}

.header .navbar-brand {
	padding: 0;
	margin: 0;
}

.header .navbar-toggler {
	padding: 0;
	border: none;
	position: absolute;
	right: 0;
	top: 50%;
	box-shadow: none;
	z-index: 999;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header .navbar-toggler span {
	width: 28px;
	height: 2px;
	margin-bottom: 12px;
	background-color: #FAF6F0;
	position: relative;
	display: block;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-toggler span:last-child {
	margin-bottom: 0;
}

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

.header .navbar-toggler.open span:last-child {
	top: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.header .navbar-collapse {
	position: fixed;
	top: 0;
	bottom: 0;
	right: -100%;
	max-width: 100%;
	width: 100%;
	height: 100%;
	background-color: #04060B;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
	z-index: 99;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-collapse.show {
	right: 0;
	height: auto;
}

.header .navbar-collapse::after {
	content: "";
	background: url("../images/Texture.png");
	mix-blend-mode: soft-light;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.header-inner .main-logo {
	max-width: 347px;
	width: 100%;
	margin: 0 117px 0 0;
}

.header-inner .main-logo img {
	width: 100%;
}

.header .navbar-nav .nav-item .nav-link {
	font-family: 'TankerRegular';
	font-size: 80px;
	line-height: 122%;
	color: #FAF6F0;
	padding: 0;
}

.header .navbar-nav:hover .nav-item .nav-link {
	color: #505061;
}

.header .navbar-nav .nav-item .nav-link:hover,
.header .navbar-nav .nav-item .nav-link.active {
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-inner {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .bg-pattern {
	position: absolute; 
	left: 0; 
	bottom: 0;
	z-index: -1;
}

.social-media {
	position: absolute;
	right: 116px;
	bottom: 43px;
}

.social-media ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-media ul li {
	color: #FAF6F0;
	list-style-type: none;
	padding: 0 24px 0 0;
}

.social-media ul li:last-child {
	padding-right: 0;
}

.social-media ul li a {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.social-media ul li a::after {
	content: "";
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	position: absolute;
	width: 0;
	height: 0;
	top: 100%;
	left: -100%;
	z-index: -1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}


.social-media ul li a:hover::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.social-media ul li a:hover {
	color: #01081E;
}

.header .btn {
    font-size: 14px;
    line-height: 18px; 
	padding: 14px 20px;
}

.header .btn-border:hover {
	padding: 14px 40px 14px 20px;
}
/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

/*========== Home Page Start ==========*/

.content {
	padding: 74px 0 0;
}

/* Banner Start */
.banner-wrp {
	position: relative;
}

.banner-video::after {
	content: "";
	background: linear-gradient(180deg, rgba(4, 6, 11, 0.00) 0%, rgba(4, 6, 11, 0.80) 100%);
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.banner-video {
	display: flex;
}

.banner-video img,
.banner-video video {
	width: 100%;
    height: 900px;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.banner-main {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 55px;
}

.scroll-bottom {
	max-width: 155px;
	width: 100%;
	height: 155px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.01);
	backdrop-filter: blur(7.77777624130249px);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.scroll-bottom .down-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.banner-section {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.scroll-bottom .scroll-text {
	animation: rotate360 25s linear infinite;
	-webkit-animation: rotate360 25s linear infinite;
}

@keyframes rotate360 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
}
}
/* Banner End */

/* Approach Start */
.bg-light-pattern {
	position: relative;
}

.bg-light-pattern::after {
	content: "";
	background-image: url("../images/footer-texture.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	mix-blend-mode: soft-light;
	z-index: -1;
}

.approach-img img {
	width: 100%;
}

.approach-img {
	margin: 0 0 12px;
}

.approach-right {
	background-color: #F1E4CF;
	padding: 12px;
	margin: 0 0 0 55px;
}

.approach-right .row {
	margin: 0 -6px;
}

.approach-right .row>* {
	padding: 0 6px;
}

.approach-right .row>*:first-child .approach-img img:first-child {
	margin-bottom: 12px;
}

.approach-right .row>*:nth-last-child(-n+2) .approach-img {
	margin-bottom: 0;
}

.approach-main .main-title {
	font-size: 84px;
	margin: 0 0 158px;
}

.approach-wrp {
	padding: 251px 0 100px;
}

.approach-content .small-title {
	margin: 0 0 32px;
}

.approach-content .common-detail p {
	margin: 0 0 16px;
}

.approach-content .common-detail p:last-child {
	margin-bottom: 0;
}
/* Approach End */

/* Logo Slider Start */
.logo-slider .slick-track {
	display: flex;
	align-items: center;
}

.logo-slider .logo-item {
	height: auto;
	padding: 0 54px;
}

.logo-slider {
	opacity: 0;
}

.logo-slider.slick-initialized {
	opacity: 1;
}

.logo-wrp {
	padding: 100px 0 148px;
}
/* Logo Slider End */

/* Offeres Block Start */
.offers-wrp {
	padding: 598px 0 312px;
	position: relative;
	/* clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%); */
}

.blue-shape {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.offers-wrp::after {
	content: "";
	background-image: url("../images/blue-shape.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
}

.offers-right-img {
	max-width: 447px;
	width: 100%;
	border: 8px solid #01081E;
}

.offers-right-img img {
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.offers-item .main-title {
	color: #FAF6F0;
}

.offers-item .small-block-title {
	color: #C6C5FF;
	margin: 0 0 20px;
}

.offers-item .common-detail {
	color: #FAF6F0;
	margin: 0 0 56px;
}

.offers-wrp .container-fluid {
	padding: 0;
}

.offers-wrp .offers-item.offers-title {
	border-image: none;
	border-color: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	margin: 0 56px 0 200px;
}

.offers-wrp .offers-item.offers-item-last {
	display: flex;
    flex-direction: column;
	align-items: flex-start;
    justify-content: center;
}

.offers-wrp .offers-item-last .main-title {
	font-size: 72px;
	line-height: 112%;
	margin: 0 0 64px;
}

.offers-wrp .offers-item {
	max-width: 865px;
	width: 100%;
	flex:  0 0 865px;
	padding: 100px 97px;
	border: 4px solid;
	margin: 0 56px 0 0;
	position: relative;
	height: auto;
	border-image: linear-gradient(272deg, #FAF6F0 30.2%, #BC96F8 68.23%, #948FFF 102.13%) 1;
}

.offers-wrp .slick-track {
	display: flex;
}

.offers-wrp .slick-arrow {
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 0;
	position: absolute;
}

.offers-wrp .slick-next {
	position: absolute;
	right: 0;
	top: 0;
	left: 50%;
	bottom: 0;
}

.offers-wrp .slick-list {
	padding: 0 32% 0 400px !important;
}

.offers-main {
	/* opacity: 0; */
}

.offers-main.slick-initialized {
	opacity: 1;
}

.olicut-submark {
	position: absolute;
	right: 120px;
	bottom: 48px;
	z-index: -1;
}

.offers-item-last .offer-last-submark {
	position: absolute;
	right: 0;
	bottom: 0;
}

.horizontal-scoll-wrapper {
	overflow: hidden;
}

.offers-main {
	display: flex;
  	height: 100%;
}

/* Offeres Block End */

/* Projects Start */
.projects-wrp {
	padding: 153px 0 44px;
	/* background-color: #04060B; */
}

.projects-main .main-title {
	color: #FAF6F0;
	margin: 0 0 156px;
}

.projects-details .blog-title {
	color: #FAF6F0;
	margin: 0 0 4px;
}

.projects-details .sub-title {
	color: #C6C5FF;
}

.projects-img {
	margin: 0 0 32px;
	position: relative;
}

.projects-img > img {
	width: 100%;
	height: 476px;
	object-fit: cover;
	font-family: "object-fit: cover";
	clip-path: polygon(100% 0, 100% 0%, 100% 100%, 20% 100%, 0 100%, 0 0);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.projects-row .row {
	margin: 0 -12px;
}

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

.projects-section .projects-row {
	margin: 0 0 88px;
}

.projects-section .projects-row:last-child {
	margin-bottom: 0;
}

/*
OLICUT DELETE
.projects-section .projects-row:nth-child(even) .row {
	flex-direction: row-reverse;
}
*/

.our-creations-img {
	position: relative;
}

.our-creations-img img {
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.our-creations-img::after {
	content: "";
	background: linear-gradient(180deg, #04060B 0%, rgba(4, 6, 11, 0.56) 45.68%, #04060B 89.33%);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.projects-block {
	display: block;
}

.projects-block:hover .projects-img > img {
	clip-path: polygon(85% 0, 100% 25%, 100% 100%, 20% 100%, 0 75%, 0 0);
}

.projects-block:hover .arrow-icon {
	opacity: 1;
}

.arrow-icon {
	max-width: 88px;
	width: 100%;
	height: 88px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 54px;
	bottom: 36px;
	opacity: 0;
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
/* Projects End */

/* Our Creations Start */
.our-creations-main {
	position: relative;
}

.our-creations-main .block-title {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.our-creations-main .block-title a {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.our-creations-main .block-title a::after {
	content: "";
	width: 0;
	height: 4px;
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.our-creations-main .block-title a:hover {
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-creations-main .block-title a:hover::after {
	width: 100%;
}

.our-creations-main .block-title * {
	color: #FAF6F0;
	position: relative;
	display: inline-block;
	padding: 0 0 11px;
}

.our-creations-wrp {
	padding: 44px 0 668px;
	position: relative;
	z-index: 9;
}
/* Our Creations End */

/* Client Reviews Start */
.review-img-slider .review-img img {
	max-width: 124px;
	width: 100%;
	height: 124px;
	border: 8px solid #F1E4CF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.review-img-slider {
	opacity: 0;
}

.review-img-slider.slick-initialized {
	opacity: 1;
}

.review-details-slider {
	opacity: 0;
	margin: 0 0 33px;
}

.review-details-slider.slick-initialized {
	opacity: 1;
}

.review-content-slider {
	opacity: 0;
}

.review-content-slider.slick-initialized {
	opacity: 1;
}

.review-details-item  {
	color: #F1E4CF;
	cursor: pointer;
	margin: 0 128px 0 0;
}

.review-details-item .product-title {
	line-height: 134%;
}

.review-details-item.slick-current {
	color: #01081E;
}

.client-review-right {
	padding: 24px 0 0;
}

.client-reviews-main .main-title {
	margin: 0 0 116px;
}

.client-reviews-wrp {
	/* background-color: #FAF6F0; */
	padding: 147px 0 260px;
	/* clip-path: polygon(0 0, 100% 22%, 100% 100%, 1% 75%); */
}

/* Client Reviews End */

/* New Project Start */
.new-project-wrp {
	/* background-color: #04060B; */
	position: relative;
	padding: 0 0 320px;
	/* padding: 784px 0 320px; */
	/* clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%); */
}

.new-project-img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 651px;
	width: 100%;
	z-index: -1;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.new-project-section .section-title {
	color: #FAF6F0;
	margin: 0 0 78px;
}

.new-project-section .section-title span {
	display: block;
}

.new-project-section .btn-border {
	display: inline-block;
}

.new-project-section {
	position: relative;
	text-align: center;
	z-index: 9;
}

.new-project-section .btn-border::after {
	background-color: rgba(250, 246, 240, 0.01);
	backdrop-filter: blur(210px);
}

.words-1 span {
    position: absolute;
    opacity: 0;
	left: 0;
	right: 0;
    overflow: hidden;
    animation: rotateWord 18s linear infinite 0s;
    -webkit-animation: rotateWord 18s linear infinite 0s;
}

.words-1 span:nth-child(2) { 
    animation-delay: 3s; 
}

.words-1 span:nth-child(3) {
    animation-delay: 6s; 
}

.words-1 span:nth-child(4) { 
    animation-delay: 9s; 
}

.words-1 span:nth-child(5) { 
    animation-delay: 12s; 
}

.words-1 span:nth-child(6) { 
    animation-delay: 15s; 
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; transform: translateY(30px); }
    2% { opacity: 0; transform: translateY(30px); }
    5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
    20% { opacity: 0; transform: translateY(-30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; transform: translateY(30px); }
    2% { opacity: 0; transform: translateY(30px); }
    5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
    20% { opacity: 0; transform: translateY(-30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; transform: translateY(30px); }
    2% { opacity: 0; transform: translateY(30px); }
    5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
    20% { opacity: 0; transform: translateY(-30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; transform: translateY(30px); }
    2% { opacity: 0; transform: translateY(30px); }
    5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
    20% { opacity: 0; transform: translateY(-30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; transform: translateY(30px); }
    2% { opacity: 0; transform: translateY(30px); }
    5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
    20% { opacity: 0; transform: translateY(-30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}

/* New Project End */

/*========== Home Page End ==========*/

/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/

/*========== Projects Page Start ==========*/
.projects-main-wrp {
	padding: 88px 0 592px;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 89%);
}

.project-filter {
	padding: 0 0 104px;
}

.project-filter ul {
	padding: 0;
	margin: 0 -43px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.project-filter ul li {
	font-family: 'TankerRegular';
	font-size: 40px;
	line-height: 136%;
	color: #505061;
	list-style-type: none;
	padding: 0 43px;
	position: relative;
}

.project-filter ul li a:hover,
.project-filter ul li a.active {
	color: #C6C5FF;	
}

.project-filter ul li::after {
	content: "";
	background-color: #505061;
	width: 38px;
	height: 1px;
	position: absolute;
	right: -20px;
	top: 50%;
}

.project-filter ul li:last-child:after,
.project-filter ul li:nth-child(4)::after {
	display: none;
}

.load-more-btn {
	text-align: center;
	padding: 68px 0 0;
}

.load-more-btn .btn {
	display: inline-block;
}

.discover-offer-main .small-block-title {
	margin: 0 0 48px;
}

.discover-offer-main {
	padding: 100px 70px 213px 70px;
	background-color: #FAF6F0;
	max-width: 864px;
	width: 100%;
	margin: 0 auto;
	border: 10px solid;
	position: relative;
	border-image: linear-gradient(34deg, #F0E3CE 13.49%, #F3E9D8 74.16%, #F6EEE2 106.44%) 1;
	z-index: 9;
}

.discover-offer-shape {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.discover-offer-main .bottom-border {
	padding: 0 0 5px;
}

.discover-offer-main .bottom-border::after {
	background-image: url("../images/small-line.svg");
}

.discover-offer-wrp {
	padding: 177px 0 180px;
}

/*========== Projects Page End ==========*/

/*========== Projects Details Page Start ==========*/
.banner-left-content .small-title {
	color: #FAF6F0;
}

.banner-left-content .sub-title {
	color: #C6C5FF;
}

.video-wrp {
	padding: 62px 0 100px;
}

.video-main {
	display: flex;
}

.video-main video {
	width: 100%;
	height: 614px;
	object-fit: cover;
}

.product-exception-img {
	position: relative;
}

.product-exception-img > img {
	margin: 0 auto;
	display: block;
}

.product-exception-img .caviar-house {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.product-exception-wrp {
	padding: 211px 0 62px;
}

.product-exception-left .product-title {
	margin: 0 0 32px;
}

.challenge-wrp {
	padding: 100px 0;
}

.challenge-content .common-detail p {
	margin: 0 0 24px;
}

.challenge-content .common-detail p:last-child {
	margin-bottom: 0;
}

.product-gallery-img {
	height: calc(100% - 24px);
	margin: 0 0 24px;
}

.product-gallery-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.product-gallery-main .row {
	margin: 0 -12px;
}

.product-gallery-main .row>* {
	padding: 0 12px;
}

.product-gallery-wrp {
	padding: 100px 0 76px;
}

.single-img-main img {
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.single-img-wrp {
	padding: 100px 0 150px;
}
/*========== Projects Details Page End ==========*/

/*========== Offers Page Start ==========*/
.offers-links {
	max-width: 825px;
	width: 100%;
	padding: 8px;
	margin: 0 0 88px;
	background-color: rgba(1, 8, 30, 0.02);
	backdrop-filter: blur(3.599999189376831px);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.offers-links ul {
	margin: 0 -12px;
	padding: 0;
	display: flex;
	align-items: center;
	
}

.offers-links ul li {
	list-style-type: none;
	padding: 0 12px;
}

.offers-links ul li a {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	padding: 12px 20px;
	color: #948FFF;
	display: block;
	border: 2px solid #948FFF;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
}

.offers-links ul li a:hover,
.offers-links ul li a.active {
	background-color: #2D3061;
	color: #FAF6F0;
}

.offers-page-main > .main-title {
	margin: 0 0 88px;
} 

.offers-page-content .small-block-title {
	margin: 0 0 24px;
}

.offers-page-content .common-detail {
	margin: 0 0 40px;
}

.offers-page-details p {
	margin: 0 0 16px;
}

.offers-page-details ul {
	padding: 0;
	margin: 0;
}

.offers-page-details ul li {
	font-size: 16px;
	line-height: 162%;
	position: relative;
	list-style-type: none;
	padding: 0 0 0 23px;
	margin: 0 0 4px;
}

.offers-page-details ul li:last-child {
	margin-bottom: 0;
}

.offers-page-details ul li::before {
	content: "";
	background-image: url("../images/check.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 6px;
}

.offers-page-details {
	background-color: #F4EBDD;
	padding: 48px;
}

.offers-page-img img,
.offers-page-img video {
	width: 100%;
	height: 583px;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.offers-page-row .row {
	margin: 0 -34px;
}

.offers-page-row .row>* {
	padding: 0 34px;
}

.offers-page-row {
	padding: 108px 65px;
	background-color: #FAF6F0;
	border: 6px solid;
	border-image: linear-gradient(34deg, #F0E3CE 13.49%, #F3E9D8 74.16%, #F6EEE2 106.44%) 1;
	margin: 0 0 56px;
}

.offers-page-section .offers-page-row:nth-child(even) .row {
	flex-direction: row-reverse;
}

.discussion-wrp {
	padding: 100px 91px;
	background: linear-gradient(34deg, #F0E3CE 13.49%, #F3E9D8 74.16%, #F6EEE2 106.44%);
	position: relative;
	z-index: 9;
}

.discussion-wrp .main-title {
	margin: 0 0 40px;
}

.offers-page-wrp {
	padding: 88px 0 0;
}

.projects-sliders {
	/* padding: 0 0 0 110px; */
	/* margin: 0 -46px; */
}

.projects-sliders .slick-list {
	padding: 0 0 0 0 !important;
}

.projects-sliders .projects-block {
	padding: 0 46px;
}

.project-slider-main .main-title {
	color: #FAF6F0;
	margin: 0 0 70px;
}

.project-slider-wrp {
	padding: 0 0 636px;
	position: relative;
	z-index: 9;
}

.projects-sliders {
	opacity: 0;
	margin: 0 -46px;
}

.projects-sliders.slick-initialized {
	opacity: 1;
}

.projects-sliders .slick-arrow {
    background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    background-origin: border-box;
    border: 1.63px solid transparent;
	z-index: 9;
	overflow: hidden;
	max-width: 48px;
	width: 100%;
	height: 48px;
	position: absolute;
	bottom: -115px;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.projects-sliders .slick-arrow svg {
	position: relative;
	z-index: 99;
}

.projects-sliders .slick-next {
	right: 0;
}

.projects-sliders .slick-prev {
	right: 80px;
}

.projects-sliders .slick-arrow::after {
    content: "";
    display: inline-block;
    border: 1px solid transparent;
    background-color: #04060B;
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.projects-sliders .slick-arrow::before {
    content: "";
    background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: -100%;
    z-index: 10;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.projects-sliders .slick-arrow:hover::before {
	width: 130%;
    height: 100px;
    top: -20%;
    left: -20%;
}

.client-review-right .slick-arrow {
	max-width: 48px;
	width: 100%;
	height: 48px;
	position: absolute;
	top: 100%;
	padding: 0;
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
/*========== Offers Page End ==========*/

/*========== 404 Page Start ==========*/
.error-page {
	text-align: center;
}

.error-main .btn {
	display: inline-block;
}

.error-main .blog-title {
	color: #FAF6F0;
	margin: 0 0 40px;
}

.error-main .main-title {
	margin: 0 0 40px;
}

.error-main .bottom-border::after {
	background-image: url("../images/small-line.svg");
}

.error-page {
	height: calc(100vh - 74px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9;
}

.error-page::after {
	content: "";
	background: url("../images/Texture.png");
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	mix-blend-mode: soft-light;
}

.error-page .bg-pattern {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.error-page-header {
	padding: 19px 0;
}

.error-main {
	position: relative;
	z-index: 9;
}
/*========== 404 Page End ==========*/

/*========== Legal Notice Page Start ==========*/
.legal-notice-details h3 {
	font-size: 28px;
	line-height: 134%;
	font-weight: 600;
	margin: 0 0 24px;
}

.legal-notice-details p {
	font-size: 18px;
	line-height: 156%;
	margin: 0 0 72px;
}

.legal-notice-details ul {
	margin: 0;
	padding: 0;
}

.legal-notice-details ul li {
	font-size: 18px;
	line-height: 156%;
	list-style-type: none;
}

.legal-notice-main > .main-title {
	margin: 0 0 88px;
}

.legal-notice-wrp {
	padding: 160px 0;
}
/*========== Legal Notice Page End ==========*/

/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.footer {
	/* background-color: #04060B; */
	padding: 94px 0 70px;
	margin: -1px 0 0;
	position: relative;
	z-index: 9;
}

.footer-icon {
	max-width: 64px;
	width: 100%;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(250, 246, 240, 0.20);
	background-color: #04060B;
	overflow: hidden;
	position: fixed;
	z-index: 9;
	right: 26px;
	bottom: 32px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.footer-icon:hover {
	border: none;
}

.footer-icon svg path {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.footer-icon::after {
	content: "";
    background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: -100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.footer-icon:hover::after {
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.footer-icon:hover svg path {
	fill: #01081E;
}

.footer-top .social-media {
    position: relative;
    right: 0;
    bottom: 0;
}

.footer-links ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.footer-links ul li {
	font-size: 14px;
	line-height: 166%;
	color: #FAF6F0;
	list-style-type: none;
	padding: 0 20px;
	position: relative;
}

.footer-links ul li a {
	position: relative;
	padding: 0 0 5px;
}

.footer-links ul li a:hover,
.footer-links ul li a.active {
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-links ul li a::before {
	content: "";
	background: linear-gradient(272deg, #948FFF 21.02%, #BC96F8 54.92%, #FAF6F0 92.96%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.footer-links ul li a:hover::before,
.footer-links ul li a.active::before {
	width: 100%;
}

.footer-links ul li::after {
	content: "";
	background-color: #948FFF;
	width: 10px;
	height: 2px;
	position: absolute;
	right: -3px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
}

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

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

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

.footer-top .social-media ul {
	justify-content: flex-end;
}

.footer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 42px;
}

.footer-main .banner-logo img {
	width: 100%;
}

.footer-main .banner-logo {
	padding: 0 0 42px;
}

.footer-bottom ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-bottom ul li {
	font-size: 14px;
	line-height: 166%;
	color: #505061;
	list-style-type: none;
}

.bottom-links ul li a.active {
	color: #948FFF;
}

.footer-texture {
	padding: 740px 0 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.footer-texture::after {
	content: "";
	background-image: url("../images/footer-texture.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	mix-blend-mode: soft-light;
}

.footer-inner {
	position: relative;
}

/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/