:root {
    --container-width: 1220px;
    --container-width-2: 1630px;
    --container-out: calc(calc(100vw - var(--container-width)) / 2);
    --default-color: #c19357;
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-color: #aeaeae;
    --soft-blue: #E5E8EF;
    --soft-gray: #F2F4F7;
    --fancybox-bg: #fff;
	--f-button-bg:#fff;
}
.fancybox__container {
    --fancybox-color: #282828;
    --fancybox-hover-color: #282828;
    --fancybox-bg: rgb(255 255 255 / 100%);
	--f-button-bg:#fff;
}
.fancybox__toolbar {
		--f-button-bg:#fff;
}
* {
	 font-family: "Outfit", sans-serif;
	 font-style: normal;
	 font-weight: normal;
	 scroll-behavior: smooth;
	 outline: 0 !important;
	 outline: none;
	 text-decoration: none;
	 box-sizing: border-box;
}
::selection { background: none;  color: inherit;}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
.slick-next
{
    right: -25px;
}
button{border:none;cursor: pointer;}
img.lazy-img {
    opacity: 0;
    transition: opacity 0.3s ease;
}
img:not(.lazy-img) {
    opacity: 1;
}
strong,b {
    font-weight: 700;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
::after, ::before {
    box-sizing: border-box;
}
body {
   font-family: "Outfit", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    scroll-behavior: smooth;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    outline: 0 !important;
    outline: none;
    text-decoration: none;
    margin: 0;
	}
@font-face {
  font-family: 'sozen';
  src: url('./icon-font/font/sozen.woff2?8019619') format('woff2'),
       url('./icon-font/font/sozen.woff?8019619') format('woff');
  font-weight: normal;
  font-style: normal;
   font-display: swap;
}
.demo-icon {
   font-family: 'sozen';
   font-style: normal;
   font-weight: normal;
   speak: never;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   text-align: center;
   font-variant: normal;
   text-transform: none;
   line-height: 1em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration: none;
    padding-bottom: 0;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--default-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--default-color);
}
.toast-message {
    font-size: 14px;
    color: #fff;
}
#toast-container>.toast {
    background: var(--default-color);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-position: left center;
    background-position-x: 14px;
    padding: 25px 34px 25px 50px;
    width: initial;
}
.c-container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}
.c-container-two {
    width: 100%;
    max-width: var(--container-width-2);
    margin: 0 auto;
}
.cl-container {
    margin: 0 auto;
    margin-left: var(--container-out);
}
.pore {
    position: relative;
}
.poab {
    position: absolute;
}
h1, h2, h3, h4, h5, h6 ,p {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
	}
.w-50 {
    width: calc(50% - 7px);
}
.w-100 {
    width: 100%;
}
.d-block {
    display: block;
}
.text-center {
    text-align: center;
}
.h-100 {
    height: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
li {
    list-style: none;
}
ul {
    margin: 0;
    padding-left: 0;
}
.mt-50{margin-top:50px;}
header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 35px 0;
}
.header-bg{background:var(--white-color);padding: 20px 22px 20px 50px;border-radius: 100px;}
header .logo{
    display: flex;
    align-items: center;
    gap: 15px;
}
header .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
header .menu li {
    position: relative;
    margin: 0 2px;
    padding: 18px 0px 18px 0;
    font-weight: 500;
    margin-left: 40px;
}
header .menu li:first-child {
    margin-left: 0
}
header .menu li .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 2px 20px 2px;
    background: var(--default-color);
    display: none;
    z-index: 88;
    border-radius: 20px;
    min-width: 200px;
}
header .menu li .dropdown-menu li {
    margin: 0;
    padding: 13px 45px 13px 30px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
header .menu li .dropdown-menu li:last-child {
    border-bottom:none;
}
header .menu li.dropdown:hover .dropdown-menu {
    display: block
}
header .menu li .dropdown-menu li:hover{
   background: rgb(255 255 255 / 10%);
   border-color: var(--white-color);
}
header .menu li a,header .menu li span {
    font-size: 24px;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: var(--black-color);
    gap: 8px;
    cursor: pointer;
}
header.header .menu li a,header.header .menu li span {
    color: var(--black-color);
}
header .menu li .dropdown-menu a {
    color: #fff;
    text-transform: initial;
    font-weight: 500;
    font-size: 18px;
}
.header-contact {display:flex;align-items:center;gap:24px}
.header-contact a {
    display: block;
    color: var(--black-color);
    font-weight: 500;
    font-size: 24px;
}
.header-contact .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--default-color);
    color: var(--white-color);
    font-weight: 500;
    border-radius: 80px;
    padding: 18px 30px;
    cursor: pointer;
    font-size:18px;
}
 .menu-btn {
        cursor: pointer;
       display: none;
        height: 43px;
        width: 48px;
        background: var(--default-color);
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 9px;
    }
.slider {
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}
.slider picture img {
    height: 100vh;
    width: 100%;
    object-position: center;
    object-fit: cover;
    max-width: 100%;
}
.slider .item {
    position: relative
}
.slider .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-top: 0;
    left: 0;
    bottom: 0;
    z-index: 16;
}
.slider .content .text2 {
    font-size: 86px;
    line-height: 84px;
    font-weight: 500;
    margin-bottom: 48px;
    color: var(--black-color);
    letter-spacing: -1.5px;
    max-width: 50rem;
}
.slider .arrows {
    position: absolute;
    bottom: 60px;
    width: 100%;
    right: 0;
    z-index: 5;
    display: flex;
    justify-content: space-between;
}
.slider .arrows-btn {
	display:flex;
	align-items:center;
	gap: 15px;
	margin-bottom: 30px;
	justify-content: end;
}
.slider .arrows-btn li {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    cursor: pointer;
    background: rgb(255 255 255 / 60%);
}
.slider .arrows-btn i {
    font-size: 21px;
    color: var(--black-color);
}
.slider-dots {margin-top: 0;position: absolute;right: 0;display: flex;justify-content: end;top: 0;width: max-content;height: 100%;align-items: center;}
.slick-slider-dots .slick-dots {
    display: flex;
    align-items: end;
    width: 100%;
    justify-content: end;
    margin: 0 auto;
    flex-direction: column;
}
.slick-slider-dots .slick-dots  li {
    position: relative;
    display: inline-block;
    height: 8px;
    margin: 8px 0px;
    padding: 0;
    cursor: pointer;
}
.slick-slider-dots .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    background: transparent;
    border: none;
}
.slick-slider-dots .slick-dots  li button:before {
    content: "";
    width: 15px;
    background: var(--white-color);
    height: 15px;
    border: none;
    border-radius: 20px;
    opacity: .9;
    display: block;
}
.slick-slider-dots .slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--default-color);
}
.marquee-border {
  padding: 3px 27px;
  border:1px solid var(--default-color);
  width: max-content;
  border-radius: 60px;
  background: #fff;
  cursor: pointer;
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  background: var(--white-color);
  padding: 0px;
  position: relative;
  margin-top: 0;
}
.marquee-content {
  display: inline-block;
  white-space: nowrap;
	margin:10px 0px;
}
.marquee span {
	text-transform:uppercase;
	font-size:14px;
  display: inline-block;
  margin: 0 5px;
  color: var(--black-color);
  text-decoration: none;
  font-weight: 600;
  position: relative;
  padding-left: 5px;
}
.marquee span::before {
  content: ".";
  font-size:30px;
  position: absolute;
  left: -8px;
  top: 0%;
  transform: translateY(-50%);
}
.arrow-wrap {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-bottom: 3px solid #222;
  border-right: 3px solid #222;
  transition: all 0.3s ease;
}
.arrow.second {
  top: 100%;
  opacity: 0;
}
.arrow-wrap:hover .arrow.second {
  top: 50%;
  opacity: 1;
}
.arrow-wrap:hover .arrow:first-child {
  top: 20%;
  opacity: 0.5;
}
.page-bg{background:#fff;border-radius: 80px;margin: -80px 0;padding: 155px 0;position: relative;min-height: 300px;z-index: 5;}
.elementor-icon{
    /* width: 100%; */
    display: block;
}
.elementor-icon-btn{display:flex;align-items:center;gap:10px;font-size: 16px;color: var(--white-color);font-weight: 500;text-transform: uppercase;background: var(--default-color);width: max-content;border-radius: 40px;padding: 6px 15px 6px 20px;position: relative;z-index: 2;}
.elementor-button-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow:hidden;
    background: var(--white-color);
}
.elementor-icon:hover .elementor-button-icon {
    background:var(--white-color);
}
 .btn-icon-wrap {
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 18px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.btn-icon-wrap i {font-size:28px;color: var(--default-color);font-weight:300;}
.elementor-icon:hover  .btn-icon-wrap i {color:var(--default-color);}
 .btn-icon {
 transition: transform 0.35s linear;
 transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg);
 transform-style: preserve-3d;
 position: absolute;
}
.elementor-icon:hover .btn-icon {
  transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);
}
.btn-icon-hover {
	transition: transform 0.35s linear;
  position: absolute;
  transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);
}
.elementor-icon:hover .btn-icon-hover {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg);
}
.home-about-top {display:flex;align-items:end;justify-content:space-between;gap: 25px;}
.home-about-top h2{color:var(--default-color);font-size:69px;font-weight:600;max-width:100%;width: 49rem;line-height: 75px;}
.home-about-top img{height:300px;margin-top: -20px;}
.home-about-content{display:flex;align-items: stretch;justify-content:space-between;margin-top: 65px;gap: 50px;}
.home-about-content .home-about-content-img,.home-about-content .right{flex:1;display: flex;flex-direction: column;justify-content: space-between;max-width: 50%;}
.home-about-content img{object-fit:cover;border-radius:30px;height: 100%;object-fit: cover;}
.home-about-content p{font-size:30px;}
.counters {display:flex;align-items: stretch;justify-content:space-between;gap: 30px;}
.counter {background:#f5f5f5;padding: 30px;border-radius: 20px;flex: 1;}
.counter .count{margin-top:110px;font-size:75px;color:var(--default-color);font-weight:700;}
.counter h4{font-size:27px;color:var(--black-color);border-bottom:2px solid #b5b5b5;white-space: nowrap;}
.counter .count span{font-size:80px;color:var(--black-color);font-weight:700;}
.home-projeler{background:#f7f3ec;margin-top:130px;padding: 75px 0;position:relative;overflow: hidden;}
.home-projeler::before{background-image:url('./logos/favicon.png');width: calc(var(--container-width));position:absolute;top:0;left:0;content:"";background-repeat: no-repeat;aspect-ratio: 9/10;transform: translate(27%, -20%);opacity: .6;}
.home-proje-content{display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.home-proje-content h4{font-size:87px;font-weight:600;color:var(--black-color);max-width: 50rem;text-align: center;margin-top: 20px;}
.home-proje-content p{font-size:20px;font-weight:400;color:var(--black-color);max-width: 60rem;text-align: center;margin-top: 20px;margin-bottom:80px;}
.home-proje-flex {display:flex;align-items:stretch;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.home-proje-flex .home-proje {flex:1;background:var(--white-color);border-radius:30px;overflow:hidden;height:352px;min-width: 386px;position:relative;padding: 0px;max-width: 50%;}
.home-proje-flex .elementor-button-icon{position:absolute;right:20px;bottom:20px;background:var(--default-color);}
.home-proje-flex .elementor-button-icon .btn-icon-wrap i {
    color: var(--white-color);
}
.home-proje-flex .elementor-icon:hover .elementor-button-icon .btn-icon-wrap i {
    color: var(--default-color);
}
/*
.home-proje-flex .home-proje a:after {z-index:1;position:absolute;top:0;left:0;background:var(--default-color);content:"";width:100%;height:100%;opacity:0;}
.home-proje-flex .home-proje:hover a:after {opacity:0.5}
*/
.home-proje img {transform: translate(0% , -1px);object-fit: cover;min-height: 322px;margin-left: 0px;object-position: top;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
.home-proje .cat-title {font-size:12px;font-weight:700;color:var(--black-color);margin:25px 0 5px 25px;display:inline-block;opacity:.6;text-transform: uppercase;position: relative;z-index: 2;}
.home-proje h2 {font-size:32px;font-weight:700;color:var(--black-color);margin:0px 0 0px 25px;position: relative;z-index: 2;}
.home-proje:hover h2 {color:var(--white-color);}
.proje-img-content{display: flex;
	justify-content: end;}
	footer {position:relative;padding: 143px 0 80px;}
footer .bg-img{height:100%;object-fit: cover;object-position: center;position: absolute;top: 0;width: 100%;}
	footer .center {background:#fff;border-radius:30px;padding:70px 0 50px;}
	footer .footer-content {position: relative;top:0;left:0;width:100%;}
footer .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .policy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
    margin: 24px 0;
    padding:18px 0;
    border-bottom: 2px solid rgb(0 0 0 / 10%);
    border-top: 2px solid rgb(0 0 0 / 10%);
    color: var(--black-color);
}
footer .policy a {
    color: var(--black-color);
}
footer .policy li {
    list-style: inside;
}
.footer-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 60px;
    }
.footer-flex >div {flex:1;border-right: 2px solid rgb(0 0 0 / 10%);}
.footer-flex >div:last-child {border:none}
.footer-contact{display:flex;justify-content:space-between;flex-direction:column;}
.footer-flex .contact-info{display: flex;flex-direction:column;}
.footer-flex  .social {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.footer-flex .social i{height: 40px;width: 40px;border-radius:72px;border:1px solid #fff;color: var(--white-color);font-size: 18px;display:flex;align-items:center;justify-content:center;background: var(--default-color);}
.copyright {
    font-size: 16px;
    color: var(--black-color);
    line-height: 16px;
    padding-bottom:0;
    margin-bottom: 0;
}
.bottom a {
    font-size: 16px;
    color: var(--black-color);
    line-height: 16px;
}
.footer-contact a{color:var(--black-color);font-size:32px;font-weight:600;border-bottom: 2px solid var(--default-color);width: max-content;padding-bottom: 3px;}
.footer-menu ul li{
  margin-bottom: 22px;
}
.footer-menu ul a{
   font-size: 20px;
   color:var(--black-color);
   font-weight:400;
   text-transform:uppercase;
}
.logo-text img {position: relative;margin-bottom: -7%;}
.logo-text span {font-size:64px;color:#fff;margin-bottom:20px;font-weight:600;line-height: 62px;}
.logo-text p {font-size:20px;color:#fff;font-weight:400;max-width: 50rem;margin: 9px auto 32px;}
.footer-flex .social a{border:none;}
.genel-form-blok {margin-top:130px;position: relative;}
.genel-form-bg{border-radius:30px;width: 100%;object-fit: cover;position: absolute;top: 0;height: 100%;}
.genel-form {position: relative;top:0px;left:0px;width:100%;z-index:5;padding: 65px 0;}
.genel-form-content{border-radius:30px;background:#fff;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 74px 0;}
.form{display:flex;align-items:start;gap:30px;flex-wrap:wrap;max-width: 900px;margin-top: 35px;justify-content: space-between;}
.form .input, .form .textarea, .form .select {
    width: calc(100% / 3 - 20px);
    height: 60px;
}
.form input, .form textarea, .form select {
	width:100%;
	outline: none;
	padding: 0 20px;
	color: #000;
	border-radius: 60px;
	font-size: 16px;
	font-weight: 500;
	background:#f2f2f2;
	border: none;
	height: 100%;
	resize: vertical;
}
.form textarea{padding-top:18px}
.form .textarea{width: calc(100% - calc(100% / 3 - -10px));}
.form .policy {
    width: calc(100% / 3 - 20px);
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-start;
    padding-left: 0;
    min-height: 27px;
    margin-bottom: 45px;
}
.form .policy input {
    width: 0px;
    height: 0px;
}
.form .input label,.form .textarea label {
  display:none;
}
.form .policy label {
	display:flex;
    padding-left: 36px;
    opacity: .8;
    height: 100%;
    z-index: 9;
    color: #707070;
    font-size: 14px;
}
.form .policy:after {
    content: "\e81e";
    font-family: sozen;
    position: absolute;
    left: 0px;
    top: 0;
    width: 36px;
    height: 36px;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    opacity: 0;
    font-size: 20px;
}
.form .policy:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border: 2px solid #707070;
    border-radius: 5px;
}
.form .policy:has(input:valid):after {
    opacity: 1;
}
.genel-form h3 {font-size:68px;font-weight:600;color:var(--black-color);margin-top: 20px;}
.w-recaptcha {
    transform: scale(.7);
    transform-origin: left top;
    width: calc(100% / 3 - 30px);
}
.form-submit-btn{width: calc(100% / 3 - 30px);display: flex;justify-content: end;}
.banner {
    position: relative;
    background: #aeaeae;
}
.banner img{
    width:100%;
    height:100%;
    object-fit:cover;
    position: absolute;
}
.breadcrumb {
    position: relative;
    left: 0;
    bottom: 0;
    padding: 22vh 0 17vh;
}
.breadcrumb, .breadcrumb ul {
    align-items: center;
    display: flex;
    width: 100%;
}
.breadcrumb ul {
    justify-content: start;
    gap: 4px;
    margin-bottom: 7px;
    overflow: auto;
    white-space: nowrap;
    opacity: .5;
}
.breadcrumb h1 {
    color: var(--default-color);
    font-size: 137px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 142px;
}
.breadcrumb ul li {
    position: relative;
    padding-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}
.breadcrumb ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.medya-flex {
    display: flex;
    align-items: start;
    gap: 30px;
    flex-wrap: wrap;
}
.medya {
    width: calc(100% / 3 - 20px);
   border-radius: 30px;
   overflow:hidden;
}
.pages .home-about-content p {
    font-size: 28px;
    margin-bottom: 20px;
}
.pages .home-about-content{margin-bottom: 70px;}
.pages-about-counter{position:relative;padding: 70px 0;}
.pages-about-counter img{height:100%;object-fit:cover;position: absolute;border-radius: 30px;width: 100%;top: 0;}
.pages-about-counter .counters{position: relative;right:30px;box-sizing: border-box;align-items: end;flex-direction: column;}
.counter-bottom{display:flex;gap:30px;}
.pages-about-counter .counter h4 {
    font-size: 21px;
}
.pages-about-counter .counter {
    width: 225px;
    flex: initial;
}
.pages-about-counter .counter .count {
    margin-top: 100px;
    font-size: 62px;
}
.pages-about-counter .counter .count span {
    font-size: 62px;
}
.ourvalues {margin-top:100px;}
.ourvalues h4{text-align:center;font-size:87px;font-weight:600;color:var(--black-color);}
.ourvalues p{text-align:center;font-size:20px;font-weight:400;color:var(--black-color);max-width: 59rem;margin: 0 auto;}
.ourvalues-content {display:flex;align-items:start;gap:20px;margin-top:100px;}
.ourvalues-content .our{width: calc(100% /4 - 20px);}
.ourvalues-content .our i{font-size:48px;color:var(--default-color);}
.ourvalues-content .our span{font-size:32px;font-weight:600;display:block;border-top:2px solid var(--black-color);margin-top:30px;padding-top: 20px;margin-bottom:20px;}
.ourvalues-content .our p{text-align:left;}
.contact-form {display:flex;align-items:stretch;gap:30px;margin-top: 100px;}
.contact-form>div {flex:1}
.contact-form .right #map {width:100%;height:100%;border-radius:30px;overflow:hidden;min-height:350px;}
.contact-form .form .input, .contact-form .form .textarea, .contact-form .form .select {
    width: 100%;
}
.contact-form .form .policy {
   height:initial;
    margin-bottom: 25px;
}
.contact-form .form .textarea{min-height:180px;}
.contact-form .form .textarea textarea{border-radius:30px;}
.contact-flex {display:flex;align-items:stretch;flex-wrap:wrap;gap:30px;}
.contact-flex .pages-contact{width: calc(100% / 3 - 20px);border-radius:30px;border:1px solid var(--gray-color);padding:35px 45px;}
.contact-form h2{font-size:69px;font-weight:600;color:var(--black-color);}
.contact-flex  i {font-size: 24px;color: var(--black-color);display:block;margin-bottom:20px;}
.contact-flex  i.icon-location-dot{font-size: 36px;}
.contact-flex  span{font-size: 30px;color:var(--default-color);font-weight:600;}
.contact-flex  p{margin-bottom:15px;min-height:45px;}
.contact-flex  a{display:block;background:var(--default-color);border-radius:30px;text-align:center;color:#fff;padding:10px 0 ;}
.proje-flex {display:flex;align-items:stretch;flex-wrap:wrap;gap:30px;margin-top:60px;}
.proje-flex .proje{width:calc(100% / 3 - 20px);position:relative;border-radius:30px;overflow:hidden;}
.proje-flex .proje img{min-height:470px;width:100%;object-fit:cover;}
.proje-flex .proje .content{position:absolute;top:0;height:100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 35px 30px;width: 100%;}
.proje-flex .proje h3{color:var(--white-color);font-size: 42px;font-weight:700;line-height: 46px;max-width: 14rem;}
.proje-flex .proje span{border-radius:30px;background:var(--white-color);font-weight:500;font-size:15px;padding: 6px 13px;width: max-content;color:var(--black-color);}
.proje-flex .proje:hover span{background:var(--default-color);color:var(--white-color);}
.proje-flex .proje .location-proje{color:var(--white-color);font-size:19px;font-weight:500;border-bottom: 2px solid #fff;margin-bottom: 12px;padding-bottom: 10px;display: flex;width: 100%;align-items: center;}
.proje-pages h2{color:var(--black-color);font-size:87px;font-weight:600;text-align:center;margin-bottom: 20px;}
.proje-pages p{color:var(--black-color);font-size:20px;font-weight:400;text-align:center;}
.proje-flex .proje:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, transparent 46%, #000000c2 76%, #231c1c 110%);
    transform: rotate(180deg);
}
.gallery-tabs {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
}
.gallery-tabs .tab-btn {
  background: var(--white-color);
  border: 1px solid #dfe0e0;
  padding: 11px 29px;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:600;
  color: var(--black-color);
}
.gallery-tabs .tab-btn.active,.gallery-tabs .tab-btn:hover {
  background: var(--default-color);
  color: var(--white-color);
	border-color:var(--default-color);
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.gallery-slider .slick-slide {
  transition: all 0.4s ease;
  opacity: 0.5;
  padding: 0 15px;
}
.gallery-slider .slick-center {
  opacity: 1;
}
.gallery-slider img {
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
  max-width: var(--container-width);
  margin-bottom: 0 !important;
}
.video-wrapper iframe {
  width: 100%;
  height: 400px;
  border-radius: 12px;
}
#lokasyon {
	position: relative;
}
#lokasyon #map {
      width: 100%;
     border-radius: 30px;
     aspect-ratio: 16/9;
}
.proje-details h2{font-size:86px;font-weight:600;color:var(--black-color);margin-bottom: 15px;text-align:center;}
.proje-details img{margin-bottom: 30px;aspect-ratio: 16/9;object-fit: cover;width:100%;border-radius: 30px;}
.proje-details .proje-galleryimg{margin-bottom: 30px;aspect-ratio: 16/9;object-fit: cover;max-width: var(--container-width);}
.proje-details p{font-size:20px;font-weight:400;color:var(--black-color);margin-bottom: 15px;text-align: center;}
.features-content{margin-top:75px;}
.features-content h2{text-align:center;font-size:53px;font-weight:600;color:var(--black-color);}
.features{display:flex;align-items:stretch;flex-wrap:wrap;gap: 30px;}
.feature{text-align:center;width: calc(100% / 4 - 92px);min-width: 282px;min-height: 335px;}
.feature-content{height:200px;border-radius:30px;width:100%;background: #FFFFFF;
background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 242, 236, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 242, 236, 1) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 242, 236, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F8F2EC", GradientType=0);}
.feature .feature-icon {display: flex;align-items: center;justify-content: center;position: relative;bottom: -40px;}
.feature .feature-icon i{
   font-size: 38px;
   background: #ffd69b;
   border-radius: 50%;
   width: 75px;
   height: 75px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.icon-bg{font-size: 50px;
    width: 100%;
    color: var(--white-color);}
	.video-player iframe {
    width: 100%;
    height: 100%;border-radius:30px;
    aspect-ratio: 16 / 9;
}
.proje-gallery .tab-flex {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 70px;
    padding-top: 70px;
    border-top: 2px solid var(--black-color);
}
.tab-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom: 40px;}
.tab-title{font-size:53px;font-weight:600;color:var(--black-color);}
.feature h5{font-size:20px;font-weight:600;color:var(--black-color);margin-top: 30px;margin-bottom: 15px;}
.feature p{font-size:15px;font-weight:400;color:var(--black-color);max-width: 12rem;margin: 0 auto;}
.menu-wrapper {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    background: #fff;
    height: 100%;
    padding: 35px 40px 40px 40px;
    width: 420px;
    overflow: auto;
    transition: .3s;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    z-index: -5;
}
.pages-kvkk p,.page-kvkk a{color:var(--black-color);line-height: 26px;font-size: 17px;font-weight:400;}
.pages-kvkk h2{color:var(--black-color);line-height: 32px;font-size: 24px;font-weight:400;margin-top:25px;font-weight:500;}

@media(max-width:1690px) {
 :root {
    --container-width-2: calc(100vw - 60px);
}
}
@media(max-width:1280px) {
    .header-contact a:first-child{display:none;}
    :root {
    --container-width: calc(100vw - 60px);
}
.counter .count {
    margin-top: 80px;
    font-size: 65px;
}
.counter .count span {
    font-size: 55px;
}
 .genel-form {

    padding: 55px 15px;
}
}
@media(max-width:1120px) {
  header .menu li {
    margin-left: 15px;
}
    header .menu li:first-child {
    margin-left: 0;
}
header .logo img {
   height: 60px;
}
.home-about-content {
    gap: 30px;
}
.ourvalues-content {
    margin-top: 60px;
    flex-wrap: wrap;
}
.ourvalues-content .our {
    width: calc(100% / 2 - 10px);
}
.proje-flex .proje {
    width: calc(100% / 2 - 15px);
}
}
@media(max-width:1050px){
    .home-about-content {
        flex-direction: column;
    }
    .home-about-content .home-about-content-img, .home-about-content .right {
max-width:100%;
flex: initial;
width: 100%;
}
.home-about-content .home-about-content-img {height: 70vh;overflow: hidden;border-radius: 30px;position: relative;}
.home-about-content .home-about-content-img img {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    object-position: center 100%;
    position: absolute;
    top: 0;
    left: 0;
}
 :root {
    --container-width-2: calc(100vw - 30px);
    --container-width: calc(100vw - 30px);
}
.genel-form-content {
   
    padding: 40px 15px;
}
.home-about-top img {
 
    width: 30%;
    object-fit: contain;
    object-position: top right;
}
.counters {
   margin-top: 30px;
}
.footer-flex {
    gap: 20px;
}
.contact-form {
    margin-top: 60px;
    flex-direction: column;
}
.contact-form .right #map {
    min-height: 500px;
}
.contact-form .form {
    max-width: 100%;
}
}
@media(max-width:991px){
    .proje-gallery .tab-flex {
 gap: 10px;
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
}
.gallery-tabs {
   
    width: 100%;
    align-items: start;
    justify-content: start;
    overflow: auto;
}
     .open-menu .menu-wrapper {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        z-index: 20;
    }
    .menu-wrapper .close-button {
        text-align: right;
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        justify-content: end;
    }
.toggle-menu{color:#fff;background:var(--default-color);height:48px;width:48px;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
    .menu-wrapper .menu>ul {
        list-style: none;
        padding: 0;
        margin: 34px 0 0;
        font-size: 18px
    }
    .menu-wrapper .menu>ul>li>a,.menu-wrapper .menu>ul>li>span {
       color: var(--black-color);
       display: block;
       padding: 10px 0;
       font-weight: 500;
       cursor: pointer;
       font-size: 21px;
    }
    .menu-wrapper .menu>ul>li>ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none
    }
    .menu-wrapper .icon-home{color: var(--default-color);}
    .menu-wrapper .menu>ul>li>ul>li a {
        padding: 10px 0;
        display: flex;
        color: var(--black-color);
        font-size: 16px;
        align-items: center;
    }
    .menu-wrapper .menu>ul>li>ul>li a:before {
        content: "\e800";
        font-family: 'sozen';
        margin-right: 10px;
        font-size: 10px
    }
    header .menu {
    display: none;
}
.menu-btn{cursor: pointer;display: flex;height: 48px;width: 48px;background: var(--default-color);align-items: center;justify-content: center;color: #fff;border-radius: 5px;}
header {
    position: relative;
    padding: 0 0;
}
.header-bg {
    padding: 20px 0px 20px 0px;
    border-radius: 0;
}
.slider picture img {
    height: calc(100vh - 100px);
}
.footer-contact a {
   
    font-size: 24px;
}
.footer-flex img {height: 120px;}
.breadcrumb {
    padding: 8vh 0 12vh;
}
.contact-flex .pages-contact {
    padding: 35px 15px;
}
}
@media (max-width: 768px) {
    .home-about-top {
  
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
}
.home-about-top img {
        width: 22%;
        position: absolute;
        top: 40px;
        margin-top: 10px;
        right: 29px;
        height: auto;
    }
    .home-about-top h2 {
        margin-top: 20px;
    }
    .home-about-content {
    margin-top: 20px;
}
  .slider .content .text2 {font-size: 60px;line-height: normal;max-width: 35rem;} 
  .marquee span::before { font-size: 24px; line-height: normal;} 
  .home-about-top h2 { font-size: 41px; line-height: normal;} 
  .home-about-content p {font-size: 26px;line-height: normal;} 
	.pages .home-about-content p {font-size: 26px;line-height: normal;}
  .counter .count { font-size: 45px; line-height: normal;} 
  .counter .count span { font-size: 48px; line-height: normal;}
  .home-proje-content h4 { font-size: 52px; line-height: normal;} 
  .home-proje h2 { font-size: 19px; line-height: normal;}
  .footer-contact a { font-size: 19px; line-height: normal;} 
  .logo-text span { font-size: 38px; line-height: normal;} 
  .genel-form h3 { font-size: 41px; line-height: normal;} 
  .breadcrumb h1 { font-size: 82px; line-height: normal;}
  .pages-about-counter .counter .count { font-size: 37px; line-height: normal;} 
  .pages-about-counter .counter .count span { font-size: 37px; line-height: normal;} 
  .ourvalues h4 { font-size: 52px; line-height: normal;} 
  .ourvalues-content .our i { font-size: 29px; line-height: normal;}
  .ourvalues-content .our span { font-size: 19px; line-height: normal;} 
  .contact-form h2 { font-size: 41px; line-height: normal;} 
  .contact-flex  i.icon-location-dot { font-size: 22px; line-height: normal;}
  .contact-flex  span { font-size: 18px; line-height: normal;} 
  .proje-flex .proje h3 { font-size: 25px; line-height: normal;} 
  .proje-pages h2 { font-size: 52px; line-height: normal;} 
  .proje-details h2 { font-size: 52px; line-height: normal;} 
  .features-content h2 { font-size: 32px; line-height: normal;} 
  .feature .feature-icon i { font-size: 23px; line-height: normal;} 
  .icon-bg { font-size: 30px; line-height: normal;} 
  .tab-title { font-size: 32px; line-height: normal;} 
      .footer-flex {
        gap: 30px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .footer-flex >div {
    flex: 1;
    border-right: none;
}
.footer-flex .social {
    justify-content: center;
}
.footer-flex >div:last-child {
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
}
    .footer-flex img {
        height: 145px;
    }
    .form {
   
    gap: 20px 14px;
}
    .form .input, .form .select {
    width: calc(100% / 2 - 7px);
  
}
 .form .textarea,.form .policy{width: 100%;margin-bottom: 0px;}
  .form .policy label {
  
    max-width: 25rem;
}
.medya {
    width: calc(100% / 2 - 15px);}
}
@media(max-width:760px) {
    .contact-flex .pages-contact {
    width: calc(100% / 2 - 15px);
}
.contact-flex .pages-contact:first-child {
       width: 100%;
    }
}

@media(max-width:600px) {
    .contact-flex .pages-contact {
        width: 100%;
    }
       header .logo img {
        height: 50px;
    }
      .header-contact a:nth-child(2){display:none;}
      footer .bottom {
  
    flex-direction: column;
    gap: 15px;
}
.counter {
    padding: 15px;}
.counters {
    gap: 14px;
}
.counter h4 {
    font-size: 18px;
}
    .counter .count {
        font-size: 36px;
    }
        .counter .count span {
        font-size: 36px;
    }
        .home-about-content p {
        font-size: 22px;
    }
	.pages .home-about-content p {
        font-size: 22px;
    }
           .home-about-top img {
        width: 28%;
        margin-top: -5px;
    }
    .page-bg {
    border-radius: 36px;
    margin: -40px 0;
    padding: 80px 0;
}
    .slider .content .text2 {
        font-size: 46px;
        line-height: 52px;
        max-width: 21rem;
    }
    .home-projeler {
    margin-top: 80px;
}
    .home-proje-content h4 {
        font-size: 36px;
    }
    .genel-form h3 {
        font-size: 36px;
        text-align: center;
    }
        .form .input, .form .select {
        width: 100%;
    }
    .form-submit-btn {
    width: 100%;
    justify-content: center;
}
.home-proje-flex .home-proje {
   
    min-width: 100%;
}
.elementor-icon-btn {
    font-size: 14px;
}
.w-recaptcha {
    transform: scale(1);
}
.copyright {
    font-size: 14px;
}
.bottom a {
    font-size: 14px;
}
.medya {
    width: 100%;
}
    .breadcrumb h1 {
        font-size: 36px;
        color: #fff;
    }
    .genel-form {

    padding: 55px 10px;
}
.proje-flex .proje {
    width: calc(100% / 1 - 0px);
}
    .pages-about-counter .counter {
        width: 145px;
    }
.pages-about-counter .counter h4 {
    font-size: 16px;
}
.counter-bottom {
    gap: 15px;
}
    .pages-about-counter .counter .count {
        font-size: 30px;
        margin-top: 60px;
    }
    .pages-about-counter .counter .count span {
        font-size: 30px;
    }
    .pages-about-counter .counters {
    right: 10px;
}
.pages-about-counter {
    position: relative;
    padding: 15px 0 40px;
}

}
@media(max-width:400px) {
    .counter-bottom {
    flex-wrap: wrap;justify-content: end;
}
footer .policy {
   
    flex-direction: column;
}
footer .policy li {
    list-style: none;
}
.proje-details img {
    aspect-ratio: 16 / 14;
}
#lokasyon #map {
    aspect-ratio: 16 / 14;
}
}