@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

body {
	background-color: #fff;
	font-family: 'Noto Serif SC', serif;
	overflow-x: hidden;
}

ul {
	padding: 0;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}

header {
	float: left;
	width: 100%;
	background: #fff;
}

.container-full {
	padding: 0 80px;
}

.menu {
	float: right;
	margin-bottom: -2px;
}

.logo {
	float: left;
	width: 20%;
}

.logo img {
	width: 100%;
    object-fit: contain;
    height: 80px;
    object-position: left;
    margin-top: 14px;
}

.menu ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
}

.menu ul li {
	float: left;
}

.menu ul li a {
	float: left;
	width: 100%;
	text-align: center;
	padding: 40px 20px;
	color: #000000;
	position: relative;
	font-family: "Cinzel", serif;
}

.menu ul li.active a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;
	background: #297CBF;
}

.menu ul li.contactbtn a {
	color: #fff;
	border: 1px solid #fff;
	padding: 7px 18px;
	border-radius: 50px;
	margin-top: 32px;
	margin-left: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
}

header.home {
	background: transparent;
	z-index: 9;
	position: relative;
}

header.home ul li a {
	color: #fff;
}

.slider {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	margin-top: -102px;
}

.slider::before {
	content: "";
	background: url(/assets/img/sliderbefore.png);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: top;
}

.slider::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/slidervector.png);
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

.slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider .text {
	position: absolute;
	width: 100%;
	bottom: 200px;
	left: 0;
	color: #fff;
	font-family: "Cinzel", serif;
	z-index: 3;
}

.slider .text h1 {
	font-size: 42px;
	margin-bottom: 25px;
	font-weight: 300;
}

.homeaboutext {
	width: 100%;
	float: left;
	padding-bottom: 70px;
}

.homeaboutext span {
	color: #000;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 65px;
	text-transform: capitalize;
}

.homeaboutext p {
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	height: 100%;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.brandslider {
	float: left;
	width: 100%;
	background: #FCF7F4;
	padding: 45px 0;
}

.brandslider h6 {
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 40px;
}

.brandslider img {
	height: auto;
	max-height: 40px;
	object-fit: contain;
	width: 100%;
}

.allprojectsbanner {
	float: left;
	width: 100%;
	position: relative;
	height: 700px;
	min-height: 100vh;
}

.allprojectsbanner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.allprojectsbanner .text {
	position: absolute;
	left: 0px;
	bottom: 80px;
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
}

.allprojectsbanner .text h4 {
	color: #48708F;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	width: 100%;
	float: left;
}

.allprojectsbanner .text h4 span {
	color: rgba(19, 19, 19, 0.50);
}

.allprojectsbanner .text a {
	border-radius: 7791.428px;
	border: 1.558px solid var(--Light-Blue, #60849A);
	color: #486D84;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 15px 20px;
	transition: all 0.6s;
}

.allprojectsbanner .text a:hover {
	background: var(--Light-Blue, #60849A);
	color: #fff;
}

.allprojectsbanner .text a:hover svg path {
	fill: #fff;
}

.allprojectsbanner .text a svg {
	margin-left: 10px;
	margin-top: -4px;
}

.allprojectsbanner::before {
	content: "";
	width: 100%;
	position: absolute;
	background: linear-gradient(175deg, rgba(254, 254, 254, 0.00) 24.74%, #FEFEFE 72.57%);
	left: 0;
	bottom: 0;
	height: 100%;
}

.experincearea {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.experincearea h6 {
	float: left;
	width: 100%;
	color: var(--Biege, #9C9282);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.03px;
	margin-bottom: 10px;
}

.experincearea h2 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 48px;
	font-weight: 500;
	line-height: 70px;
	letter-spacing: -0.29px;
	text-transform: capitalize;
	margin-bottom: 40px;
}

.experincearea .item {
	float: left;
	width: 100%;
	padding: 30px;
	flex-shrink: 0;
	background: #FBFAFA;
	border-bottom: 3px solid #E1B68A;
	height: 100%;
}

.experincearea .item svg {
	margin-bottom: 15px;
}

.experincearea .item h4 {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.09px;
	margin-bottom: 15px;
}

.experincearea .item p {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.08px;
}

.homeprojectgaleri {
	float: left;
	width: 100%;
}

.homeprojectgaleri .list {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	gap: 15px;
}

.homeprojectgaleri .list .item {
	position: relative;
	height: 550px;
	transition: width 0.5s;
	overflow: hidden;
}

.homeprojectgaleri .list .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homeprojectgaleri .list .item.active,
.homeprojectgaleri .list .item:hover {
	width: 55% !important;
	z-index: 2;
}

.homeprojectgaleri .list .item:not(.active):not(:hover) {
	width: calc((100% - 15px * 3) * 0.45 / 3) !important;
	z-index: 1;
}

.homeprojectgaleri .list .item:first-child {
	width: 55%;
}

.homeprojectgaleri .list .item:not(:first-child) {
	width: calc((100% - 15px * 3) / 4 * 0.45 / 3);
}

.homeprojectgaleri .list .item .brand {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.homeprojectgaleri .list .item .brand img {
	height: 80px;
	object-fit: contain;
}

.homesobhaswiperlist {
	float: left;
	width: 100%;
	margin-top: 70px;
	height: 700px;
}

.homesobhaswiperlist .homesobhaSwiper {
	height: 100%;
	float: left;
	width: 100%;
}

.homesobhaswiperlist img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homesobhaswiperlist .item {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}

.homesobhaswiperlist .item::before {
	content: "";
	background: linear-gradient(164deg, rgba(255, 255, 255, 0.00) -14.76%, rgba(237, 214, 190, 0.25) 21.96%, rgba(204, 151, 97, 0.53) 68.66%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.homesobhaswiperlist .item .slide-caption {
	position: absolute;
	color: #F3EFE5;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	bottom: 0;
	z-index: 9;
	flex-flow: column;
	gap: 30px;
}

.homesobhaswiperlist .item .slide-caption h3 {
	color: #FFF;
	text-align: center;
	font-size: 50px;
	font-weight: 500;
	text-transform: uppercase;
}

.homesobhaswiperlist .item .slide-caption a {
	border-radius: 7791.428px;
	border: 1.558px solid #F3EFE5;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	padding: 15px 25px;
	transition: all 0.6s;
}

.homesobhaswiperlist .item .slide-caption a:hover {
	background: #F3EFE5;
	color: #A77A52;
	text-decoration: none;
}

.homesobhaswiperlist .item .slide-caption a:hover svg path {
	fill: #A77A52;
}

.homesobhaswiperlist .item .slide-caption a svg {
	margin-left: 10px;
	margin-top: -4px;
}

.homesobhaswiperlist .swiper-pagination-clickable .swiper-pagination-bullet {
	border-radius: 37.134px;
	background: rgba(255, 255, 255, 0.60);
	opacity: 1;
	transition: all 0.6s;
}

.homesobhaswiperlist .swiper-pagination-bullet-active {
	width: 20px;
}

.partnersbanner {
	float: left;
	width: 100%;
	background: #F3F3F3;
	padding: 45px 10px;
}

.partnersbanner .list {
	float: left;
	width: 100%;
	display: flex;
	gap: 50px;
	justify-content: center;
}

.partnersbanner .list p {
	margin-bottom: 0;
	color: #486D84;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}

.partnersbanner .list a {
	border-radius: 7791.428px;
	border: 1.558px solid #486D84;
	padding: 15px 25px;
	color: #486D84;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.6s;
}

.partnersbanner .list a:hover {
	background: #486D84;
	color: #FFF;
	text-decoration: none;
}

.partnersbanner .list a:hover svg path {
	fill: #FFF;
}

.partnersbanner .list a svg {
	margin-left: 10px;
	margin-top: -6px;
}

.serviceslisthome {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.serviceslisthome .title {
	float: left;
	width: 100%;
	display: flex;
	margin-bottom: 60px;
	justify-content: center;
}

.serviceslisthome .title span {
	color: #AC8867;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	position: relative;
}

.serviceslisthome .title span::after {
	content: "";
	position: absolute;
	background: url(/assets/img/titleafter.png);
	right: -60px;
	width: 50px;
	top: 5px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.serviceslisthome .title span::before {
	content: "";
	position: absolute;
	background: url(/assets/img/tittlebefore.png);
	left: -60px;
	width: 50px;
	top: 5px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.servicesSwiper {
	float: left;
	width: 100%;
	padding-left: 10%;
}

.serviceslisthome .item {
	float: left;
	width: 100%;
	border: 1px solid rgba(72, 112, 143, 0.25);
	padding: 40px 30px;
}

.serviceslisthome .item h4 {
	color: #486D84;
	font-size: 30px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 15px;
}

.serviceslisthome .item span {
	float: left;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.36px;
}

.serviceslisthome .item svg {
	float: right;
	height: 40px;
	margin-top: 10px;
}

.serviceslisthome .hiz {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 50px;
}

.serviceslisthome .hiz a {
	border-radius: 7791.428px;
	border: 1.558px solid #486D84;
	color: #486D84;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	padding: 14px 25px;
	transition: all 0.6s;
}

.serviceslisthome .hiz a:hover {
	background: #486D84;
	color: #FFF;
	text-decoration: none;
}

.serviceslisthome .hiz a:hover svg path {
	fill: #FFF;
}

.serviceslisthome .hiz a svg {
	margin-left: 10px;
	margin-top: -5px;
}

.apollodesc {
	float: left;
	width: 100%;
	background: url(/assets/img/apollodescimg.jpg);
	background-size: cover;
	height: 900px;
	display: flex;
	align-items: center;
	position: relative;
}

.apollodesc::before {
	content: "";
	background: linear-gradient(-92deg, rgba(0, 0, 0, 0.00) 24.18%, rgba(0, 0, 0, 0.31) 44.13%, rgba(3, 34, 51, 0.82) 69.49%);
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.apollodesc .text {
	position: relative;
	text-align: center;
}

.apollodesc .text img {
	height: 170px;
	object-fit: contain;
	margin-bottom: 30px;
}

.apollodesc .text p {
	color: #FFF;
	font-size: 18.674px;
	font-weight: 400;
	line-height: 36.677px;
	text-align: left;
	margin-bottom: 50px;
}

.apollodesc .text a {
	border-radius: 7144.162px;
	border: 1.429px solid #FFF;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 13px 20px;
	transition: all 0.6s;
}

.apollodesc .text a:hover {
	background: #FFF;
	color: #486D84;
	text-decoration: none;
}

.apollodesc .text a:hover svg path {
	fill: #486D84;
}

.apollodesc .text a svg {
	margin-left: 10px;
	margin-top: -5px;
}

.contactbanner {
	float: left;
	width: 100%;
	padding-top: 80px;
	position: relative;
}

.contactbanner h3 {
	color: #A77A52;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 40px;
}

.contactbanner h4 {
	color: #264C63;
	font-size: 25.536px;
	font-style: normal;
	font-weight: 700;
	line-height: 23.801px;
	margin-bottom: 20px;
}

.contactbanner .item {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	max-width: 590px;
}

.contactbanner form {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: column;
}

.contactbanner .item input {
	border-radius: 7.934px;
	border: 1.322px solid #BDBDBD;
	padding: 10px;
	width: 100%;
}

.contactbanner .item input::placeholder {
	color: #BDBDBD;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.contactbanner .item textarea {
	border-radius: 7.934px;
	border: 1.322px solid #BDBDBD;
	padding: 10px;
	width: 100%;
	min-height: 160px;
}

.contactbanner .item textarea::placeholder {
	color: #BDBDBD;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.contactbanner button {
	border-radius: 7.934px;
	background: #A77A52;
	color: #fff;
	border: 0;
	padding: 10px 55px;
	margin-bottom: 70px;
	max-width: 150px;
}

.contactbanner .map {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	padding-top: 60px;
}

.contactbanner .map img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

footer {
	float: left;
	width: 100%;
}

.footertop {
	float: left;
	width: 100%;
	padding: 30px 10px;
	border-bottom: 1px solid rgba(134, 134, 134, 0.40);
}

.footertop .footerlogo {
	float: left;
}

.footertop .footerlogo img {
	height: 80px;
}

.footertop .footersocial {
	float: right;
}

.footersocial ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 15px;
	margin-top: 8px;
}

.footersocial ul li a {
	float: left;
	background: #F9F9F9;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footeralt {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(134, 134, 134, 0.40);
	padding: 40px 10px;
}

.footermail a {
	border-radius: 83px;
	border: 1px solid #60849A;
	color: #35607B;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	float: left;
	padding: 10px 20px;
	transition: all 0.6s;
}

.footermail a:hover {
	background: #35607B;
	color: #fff;
	text-decoration: none;
}

.footermail a svg {
	margin-left: 10px;
	margin-top: -2px;
}

.footeradres {
	float: left;
	width: 100%;
	margin-top: 25px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.footeradres span {
	color: #35607B;
	font-size: 15px;
	font-weight: 400;
	max-width: 320px;
}

.footeritem {
	float: left;
	width: 100%;
}

.footeritem span {
	float: left;
	width: 100%;
	color: #35607B;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 20px;
}

.footeritem ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	float: left;
	width: 100%;
}

.footeritem ul li a {
	color: #35607B;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

.footeritem ul li {
	width: 50%;
	margin-bottom: 5px;
	float: left;
}

.footerinfo {
	float: left;
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	color: #35607B;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}

header.detail .menu ul li.contactbtn a {
	color: #708591;
	border-color: #708591;
}

header.detail .menu ul li.contactbtn a svg path {
	fill: #708591;
}

header.detail .logo img {
	height: 55px;
	margin-top: 20px;
}

.breadcumb {
	float: left;
	width: 100%;
	background: #DFB385;
	padding: 10px 0;
}

.breadcumb ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
}

.breadcumb ul li {
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}

.breadcumb ul li a {
	float: left;
	color: #fff;
}

.breadcumb ul li:last-child a {
	font-weight: bold;
}

.breadcumb ul li:last-child::before {
	content: "";
	position: absolute;
	background: url(/assets/img/righticon.png);
	width: 8px;
	height: 14px;
	left: -15px;
	top: 5px;
}

.megatitle {
	float: left;
	width: 100%;
	height: 400px;
	position: relative;
}

.megatitle.v2 {
	height: 250px;
}

.megatitle.v2 h1 {
	font-size: 60px;
	justify-content: end;
	padding-right: 10%;
}

.megatitle.v2::after {
	background: linear-gradient(135deg, #E8BC90 -3.48%, rgba(100, 50, 0, 0.47) 40.7%, rgba(203, 133, 62, 0.38) 79.88%);
}

.megatitle::after {
	content: "";
	background: linear-gradient(135deg, #E8BC90 -3.48%, rgba(165, 85, 5, 0.47) 40.7%, rgba(232, 188, 144, 0.38) 79.88%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.megatitle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.megatitle h1 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: var(--Cream, #F3EFE5);
	text-align: center;
	font-size: 80px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aboutsectionone {
	float: left;
	width: 100%;
	padding: 70px 10px;
}

.aboutsectionone .text {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.aboutsectionone .text h4 {
	color: #A77A52;
	font-size: 50px;
	font-weight: 500;
	margin-bottom: 25px;
}

.aboutsectionone .img {
	width: 100%;
	height: 400px;
}

.aboutsectionone .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.aboutsectiontwo {
	float: left;
	width: 100%;
}

.aboutsectiontwo .img {
	float: left;
	width: 100%;
	height: 500px;
	min-height: 100vh;
}

.aboutsectiontwo .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutsectiontwo .col-md-6 {
	padding: 0;
}

.aboutsectiontwo .text {
	width: 100%;
	height: 100%;
	background: #DFB385;
	padding: 90px;
	display: flex;
	align-items: center;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
}

.projedetaycontent {
	float: left;
	width: 100%;
	padding: 30px 0;
}

.projedetaycontent .text {
	float: left;
	width: 100%;
}

.projedetaycontent .text h1 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 0;
}

.projedetaycontent .text h6 {
	float: left;
	width: 100%;
	color: #48708F;
	font-size: 22px;
	font-weight: 400;
	line-height: 52px;
	letter-spacing: -0.16px;
	text-transform: capitalize;
}

.projedetaycontent .text .ozellikler {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 5px;
}

.projedetaycontent .text .ozellikler span {
	color: #595F67;
	font-size: 16px;
	font-weight: 600;
	border: 1.09px solid #F1F1F1;
	padding: 10px 15px;
	margin-right: 15px;
	display: flex;
	align-items: center;
	float: left;
	gap: 10px;
}

.projedetaycontent .text .ozellikler span svg {
	height: 20px;
}

.projedetaycontent .text p {
	color: #646464;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(84, 119, 139, 0.26);
	padding-bottom: 25px;
}

.projedetaycontent .text .payment {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(84, 119, 139, 0.26);
}

.projedetaycontent .text .payment h3 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	align-items: center;
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}

.projedetaycontent .text .payment h3 svg {
	height: 20px;
}

.projedetaycontent .text .payment ul {
	padding-left: 30px;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.projedetaycontent .text .payment ul li {
	color: #646464;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}

.projedetaycontent .text .payment ul li::marker {
	color: #BF9145;
}

.projedetaycontent .sliderdetay {
	float: left;
	width: 100%;
	height: 750px;
	position: relative;
	padding-left: 50px;
	z-index: 2;
}

.projedetaycontent .sliderdetay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projedetaycontent .projedetay-swiper {
	width: 100%;
	height: 100%;
}

.projedetaycontent .swiper-button-nextdet {
	position: absolute;
	right: 20px;
	top: calc(50% - 21px);
	width: 42px;
	height: 42px;
	z-index: 2;
}

.projedetaycontent .swiper-button-prevdet {
	position: absolute;
	left: 20px;
	top: calc(50% - 21px);
	width: 42px;
	height: 42px;
	z-index: 2;
}

.partnerscontent {
	float: left;
	width: 100%;
}

.parnerslist {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.parnerslist .item {
	float: left;
	width: 100%;
	height: 440px;
	position: relative;
	margin-bottom: 25px;
}

.parnerslist .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.parnerslist .item:hover .hover {
	opacity: 1;
}

.parnerslist .item .hover {
	position: absolute;
	background: #DFB385;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFF;
	font-size: 30px;
	padding: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 8px;
	text-transform: uppercase;
	opacity: 0;
	transition: all 0.6s;
}

.partnerprojelist {
	float: left;
	width: 100%;
	background: #F3F3F3;
	padding: 60px 10px;
}

.partnerprojelist .item {
	float: left;
	width: 100%;
}

.partnerprojelist .item .title {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 20px 10px;
	text-align: center;
}

.partnerprojelist .item .title h3 {
	color: #586A75;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
}

.partnerprojelist .item .title span {
	color: #586A75;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.partnerprojelist .item img {
	float: left;
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.partnerprojelist .item .bigdesc {
	float: left;
	width: 100%;
	background: #8E8474;
	padding: 15px;
	text-align: center;
}

.partnerprojelist .item .bigdesc span {
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	float: left;
	width: 100%;
}

.brandlist {
	float: left;
	width: 100%;
	background: #EEE;
	padding: 50px 10px;
	padding-bottom: 20px;
}

.brandlist span {
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

.brandlist .item {
	float: left;
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
}

.brandlist .item img {
	width: 100%;
	height: 30px;
	object-fit: contain;
	filter: grayscale(100%) brightness(1.1) contrast(70%);
}

.partnerswipes {
	float: left;
	width: 100%;
	padding: 80px 0;
	position: relative;
}

.partnerswipes .text {
	float: left;
	width: 100%;
	padding-right: 40px;
}

.partnerswipes .text h3 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 65.023px;
	font-weight: 500;
	margin-bottom: 25px;
}

.partnerswipes .text p {
	color: #878888;
	font-size: 16.587px;
	font-weight: 400;
	margin-bottom: 30px;
}

.partnerswipes .text a {
	border: 1.558px solid #486D84;
	color: #486D84;
	text-align: right;
	font-size: 18px;
	font-weight: 500;
	padding: 12px 20px;
	display: flex;
	float: left;
	align-items: center;
	transition: all 0.6s;
}

.partnerswipes .text a:hover {
	background: #486D84;
	color: #FFF;
}

.partnerswipes .text a:hover svg path {
	fill: #FFF;
}

.partnerswipes .text a svg {
	margin-left: 15px;
}

.partnerswipes .img {
	position: absolute;
	right: 0;
	width: 50%;
	height: calc(100% - 130px);
	top: 80px;
}

.partnerswipes .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.megatitle.v3 h1 {
	padding-bottom: 90px;
}

.megatitle.v3 .hiz {
	float: left;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 2;
	padding: 20px;
	text-align: center;
}

.megatitle.v3 a {
	border-radius: 7791.428px;
	border: 1.558px solid var(--Cream, #F3EFE5);
	color: var(--Cream, #F3EFE5);
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 20px;
	transition: all 0.6s;
}

.megatitle.v3 a:hover {
	background: var(--Cream, #F3EFE5);
	color: var(--Dark, #1E1E1E);
}

.megatitle.v3 a:hover svg path {
	fill: var(--Dark, #1E1E1E);
}

.megatitle.v3 a svg {
	margin-left: 10px;
	margin-top: -2px;
}

.projelerdesc {
	float: left;
	width: 100%;
	padding: 90px 10px;
	background: #F0F0F0;
}

.projelerdesc span {
	color: #48708F;
	font-size: 24px;
	font-weight: 400;
	text-transform: capitalize;
	padding-right: 20px;
}

.projelerdesc p {
	color: #000;
	font-size: 24px;
	font-weight: 400;
	padding-left: 30px;
}

.projelerlist {
	float: left;
	width: 100%;
	background: #F7F4F2;
	padding: 70px 10px;
}

.projelerlist .texta {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}

.projelerlist .texta span {
	color: #A77A52;
	font-size: 50px;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	width: 100%;
	float: left;
}

.projelerlist .texta span b {
	font-weight: bold;
}

.listcontent {
	float: left;
	width: 100%;
}

.listcontent .col-md-4 {
	margin-bottom: 25px;
}

.listcontent .item {
	float: left;
	width: 100%;
	height: 100%;
	border: 1px solid #D0D0D0;
}

.listcontent .item .img {
	float: left;
	width: 100%;
	height: 375px;
	position: relative;
}

.listcontent .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.listcontent .item .img .cat {
	position: absolute;
	right: 20px;
	top: 20px;
	background: #9C9282;
	color: #fff;
	font-size: 14px;
	padding: 6px 10px;
}

.listcontent .item .text {
	float: left;
	width: 100%;
	padding: 18px;
	padding-bottom: 25px;
}

.listcontent .item .text h4 {
	float: left;
	width: 100%;
	color: #48708F;
	font-size: 22px;
	font-weight: 700;
}

.listcontent .item .text p {
	float: left;
	width: 100%;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 25px;
}

.listcontent .item .text a {
	border: 1.475px solid #48708F;
	color: #48708F;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	padding: 7px 15px;
}

.listcontent .filter {
	float: left;
	width: 100%;
	padding: 15px;
	border: 1px solid #E8E8E8;
}

.listcontent .filter h4 {
	float: left;
	width: 100%;
	color: #48708F;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 25px;
}

.listcontent .filter h6 {
	float: left;
	width: 100%;
	margin-bottom: 14px;
	color: #131313;
	font-size: 17px;
	font-weight: 400;
}

.custom-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	cursor: pointer;
	user-select: none;
	float: left;
	width: 100%;
}

.custom-checkbox input[type="checkbox"],
.custom-checkbox input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}

.checkbox-box {
	width: 22px;
	height: 22px;
	border: 1px solid #9C9282;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	background: #fff;
	transition: border-color 0.2s;
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-box,
.custom-checkbox input[type="radio"]:checked+.checkbox-box {
	border-color: #9C9282;
	background: #fff;
}

.checkbox-box svg {
	display: none;
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-box svg,
.custom-checkbox input[type="radio"]:checked+.checkbox-box svg {
	display: block;
}

.checkbox-label {
	font-size: 16px;
	color: #1E1E1E;
	font-weight: 500;
	margin-top: -1px;
}

.listcontent .filtercat {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DFDFDF;
}

.mobilmenubtn {
	float: right;
	margin-top: 22px;
	display: none;
}

.mobilmenubtn__toggle {
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.14);
	padding: 0px;
	color: #1d1d1d;
	font-size: 26px;
	border-radius: 50px;
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	transition: all 0.2s ease-in-out;
}

.mobilmenubtn__toggle:hover,
.mobilmenubtn__toggle:focus {
	color: #A77A52;
	border-color: #A77A52;
	outline: none;
	box-shadow: 0 0 0 3px rgba(167, 122, 82, 0.2);
}

header.home .mobilmenubtn__toggle {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.35);
}

header.home .mobilmenubtn__toggle:hover,
header.home .mobilmenubtn__toggle:focus {
	border-color: #A77A52;
	color: #A77A52;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

.mobile-offcanvas {
	background: #FCF7F4;
	color: #1d1d1d;
	width: 100%;
	max-width: 320px;
}

.mobile-offcanvas .offcanvas-header {
	border-bottom: 1px solid rgba(167, 122, 82, 0.18);
	padding: 1.5rem 1.5rem 1rem;
}

.mobile-offcanvas .offcanvas-title {
	font-family: "Cinzel", serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.2em;
	color: #A77A52;
}

.mobile-offcanvas .btn-close {
	background: none;
	filter: grayscale(1);
}

.mobile-offcanvas__nav ul {
	list-style: none;
	margin: 0;
	display: flex;
	padding-left: 10px;
	flex-direction: column;
	gap: 0.75rem;
}

.mobile-offcanvas__nav a {
	display: block;
	color: inherit !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 14px;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	transition: color 0.2s ease-in-out;
}

.mobile-offcanvas__nav li:last-child a {
	border-bottom: 0;
}

.mobile-offcanvas__nav a:hover {
	color: #A77A52;
}

.mobile-offcanvas__cta {
	padding: 1.5rem;
	padding-left: 11px;
	padding-top: 0.75rem;
}

.mobile-offcanvas__cta-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #A77A52;
	color: #fff;
	padding: 12px 24px;
	border-radius: 999px;
	font-family: "Cinzel", serif;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 12px;
	transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.mobile-offcanvas__cta-link:hover {
	background: #8d633c;
	transform: translateY(-2px);
}

.mobile-offcanvas__cta-link svg {
	flex-shrink: 0;
}


/*responsive styles*/
@media (max-width: 768px) {

	.serviceslisthome .title span {
		font-size: 16px;
		padding: 0px 30px;
	}

	.mobilmenubtn {
		display: block;
	}

	.serviceslisthome .title span::before {
		left: 0px;
	}

	.serviceslisthome .title span::after {
		right: 0px;
	}

	.partnersbanner .list {
		flex-flow: column;
	}

	.partnersbanner .list a {
		text-align: center;
	}

	.partnersbanner .list p {
		text-align: center;
	}

	.servicesSwiper {
		padding-left: 0;
	}

	.services-swiper {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}

	.contactbanner {
		padding-top: 20px;
	}

	.container-full {
		padding: 0px 15px;
	}

	.contactbanner h3 {
		font-size: 20px;
	}

	.contactbanner .map {
		display: none;
	}

	.contactbanner button {
		margin-bottom: 20px;
	}

	.footertop {
		text-align: center;
	}

	.footertop .container-full {
		display: flex;
		flex-flow: column;
		justify-content: center;
		text-align: center;
	}

	.footertop .footersocial {
		display: flex;
		justify-content: center;
	}

	.footeralt .row {
		display: flex;
		flex-flow: column-reverse;
		gap: 20px;
	}

	.homesobhaswiperlist .item .slide-caption h3 {
		font-size: 45px;
	}

	.homeprojectgaleri .list .item.active,
	.homeprojectgaleri .list .item:hover {
		width: 100% !important;
	}

	.homeprojectgaleri .list {
		flex-flow: column;
	}

	.homeprojectgaleri .list .item {
		height: 350px;
	}

	.homeprojectgaleri .list .item:not(.active):not(:hover) {
		width: 100% !important;
	}

	.experincearea h2 {
		line-height: normal;
		font-size: 24px;
	}

	.homeaboutext p {
		font-size: 18px;
	}

	.homeaboutext span {
		font-size: 28px;
		line-height: normal;
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}

	.slider {
		margin-top: -80px;
		height: 800px;
	}

	.menu {
		display: none;
	}

	.slider::after {
		display: none;
	}

	.slider .text h1 {
		font-size: 40px;
	}

	.homeaboutext {
		position: relative;
		z-index: 2;
		margin-top: -110px;
		background: #fff;
	}

	.logo {
		width: 50%;
	}

	.logo img {
		height: 55px;
		margin-top: 20px;
	}

	header.detail .logo img {
		margin-top: 7px;
		margin-bottom: 10px;
	}
	header.detail .mobilmenubtn{
		margin-top: 12px;
	}
	.megatitle h1{
		font-size: 50px;
	}
	.megatitle{
		height: 300px;
	}
	.aboutsectionone .text h4{
		font-size: 35px;
	}
	.aboutsectionone{
		padding: 40px 10px;
		margin-bottom: 20px;
	}
	.aboutsectiontwo .img{
		min-height: auto;
		height: 450px;
	}
	.aboutsectiontwo .text{
		padding: 40px 50px;
		font-size: 20px;
	}
	.megatitle.v3 h1{
		font-size: 40px;
	}
	.projelerdesc{
		padding: 50px 10px;
	}
	.projelerdesc span{
		float: left;
		width: 100%;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.projelerdesc p{
		padding: 0px;
		font-size: 20px;
	}
	.projelerlist .texta span{
		font-size: 24px;
	}
	.projelerlist .texta{
		margin-bottom: 30px;
	}
	.projelerlist{
		padding: 40px 10px;
	}
	.listcontent .filter{
		margin-bottom: 15px;
	}
	.projedetaycontent .sliderdetay{
		width: 100%;
		height: 300px;
		padding: 0;
		margin-bottom: 20px;
	}
	.projedetaycontent .row {
		display: flex;
		flex-flow: column-reverse;
	}
	.projedetaycontent .text h1{
		font-size: 28px;
	}
	.projedetaycontent .text h6{
		font-size: 18px;
	}
	.projedetaycontent{
		padding: 20px 5px;
	}
	.megatitle.v2 h1{
		font-size: 35px;
		padding: 0px;
		justify-content: center;
	}
	.partnerswipes .img{
		position: relative;
		width: 100%;
		height: 400px;
	}
	.partnerswipes .text h3{
		font-size: 40px;
	}
	.partnerswipes .text{
		padding: 15px;
	}
	.partnerswipes{
		padding-top: 20px;
	}
}