:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Raleway",  sans-serif;
  --nav-font: "Poppins",  sans-serif;
}
:root {--background-color: #ffffff;--default-color:#444444;--heading-color: #1b1b1b;--accent-color:#0b9444;--surface-color: #ffffff;--contrast-color: #ffffff;}
:root {--nav-color: #444444;--nav-hover-color: #000000;--nav-mobile-background-color:#ffffff;--nav-dropdown-background-color: #ffffff;--nav-dropdown-color: #444444;--nav-dropdown-hover-color: #2eca6a;}
.text-justify{text-align: justify;}
.light-background {--background-color: #f9f9f9;--surface-color: #ffffff;}
.dark-background {--background-color: #060606;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #252525;--contrast-color: #ffffff;}
:root {scroll-behavior: smooth;}
body {color: var(--default-color);background-color: var(--background-color);font-family: var(--default-font);}
a {color: var(--accent-color);text-decoration: none;transition: 0.3s;}
a:hover {color: color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: var(--heading-color);font-family: var(--heading-font);}
.php-email-form .error-message {display: none;background: #df1529;color: #ffffff;text-align: left;padding: 15px;margin-bottom: 24px;font-weight: 600;}
.php-email-form .sent-message {display: none;color: #ffffff;background: #059652;text-align: center;padding: 15px;margin-bottom: 24px;font-weight: 600;}
.php-email-form .loading {display: none;background: var(--surface-color);text-align: center;padding: 15px;margin-bottom: 24px;}
.php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid var(--accent-color);border-top-color: var(--surface-color);animation: php-email-form-loading 1s linear infinite;}
@keyframes php-email-form-loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.btn-block {display:block;width:100%;}
.btn-block + .btn-block {margin-top:0.5rem;}
.accordion .collapse{background-color:#eeeeee;}
.collapsing {position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}
@media screen and (prefers-reduced-motion:reduce) {
.collapsing {-webkit-transition:none;-o-transition:none;transition:none;}}
a:not([href]):not([tabindex]) {color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color:inherit;text-decoration:none;}
.accordion-button,.accordion-button:focus {outline:0;box-shadow:none}
.accordion-button:not(.collapsed){background-color:#0b9444;color:#FFF;}
.header {color: var(--default-color);background-color: var(--background-color);padding: 8px 0;transition: all 0.5s;z-index: 997;box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}
.header .header-inner {gap: 24px;}
.header .logo {line-height: 1;flex: 0 0 auto;}
.header .logo img {max-height:96px;width:auto;}
.header .header-right {display: flex;flex-direction: column;align-items: flex-end;gap: 8px;min-width: 0;}
.header .header-ataturk img {display:block;max-height:72px;width:auto;}
.header .logo h1 {font-size: 30px;margin: 0;font-weight: 700;color: var(--heading-color);}
.header .logo h1 span {color: var(--accent-color);}
@media (min-width: 1200px) {
.navmenu {padding: 0;}
.navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navmenu li {position: relative;}
.navmenu>ul>li {white-space: nowrap;padding:10px 6px;}
.navmenu>ul>li:last-child {padding-right: 0;}
.navmenu a,.navmenu a:focus {color: var(--nav-color);font-size: 14px;padding: 0 2px;font-family: var(--nav-font);font-weight: 600;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;position: relative;}
.navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}
.navmenu>ul>li>a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -6px;left: 0;background-color: var(--accent-color);visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
.navmenu a:hover:before,.navmenu li:hover>a:before,.navmenu .active:before {visibility: visible;width: 100%;}
.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color: var(--nav-hover-color);}
.navmenu .dropdown ul {margin: 0;padding: 10px 0;background: var(--nav-dropdown-background-color);display: block;position: absolute;visibility: hidden;left: 14px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 4px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
.navmenu .dropdown ul li {min-width: 200px;}
.navmenu .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;color: var(--nav-dropdown-color);}
.navmenu .dropdown ul a i {font-size: 12px;}
.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {color: var(--nav-dropdown-hover-color);}
.navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;}
.navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;}
}
@media (max-width: 1199px) {
.header {padding: 8px 0;}
.header .header-inner {gap: 12px;}
.header .logo img {max-height:64px;}
.header .header-right {flex-direction: row;align-items: center;gap: 12px;}
.header .header-ataturk {display:none;}
.page-title .heading {margin-top:80px;}
.hero .carousel {margin-top:80px;}
.mobile-nav-toggle {color: var(--nav-color);font-size: 32px;line-height: 0;margin-right: 0;cursor: pointer;transition: color 0.3s;}
.navmenu {padding: 0;z-index: 9997;}
.navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;overflow-y: auto;transition: 0.3s;z-index: 9998;}
.navmenu a,.navmenu a:focus {color: var(--nav-dropdown-color);padding: 10px 20px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
.navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);}
.navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--accent-color);color: var(--contrast-color);}
.navmenu a:hover,.navmenu .active,.navmenu .active:focus {color: var(--nav-dropdown-hover-color);}
.navmenu .active i,.navmenu .active:focus i {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);}
.navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);
transition: all 0.5s ease-in-out;}
.navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
.navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav-toggle {color: #fff;position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}
.mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}
.mobile-nav-active .navmenu>ul {display: block;}
}
.footer {color: var(--default-color);background-color: var(--background-color);font-size: 14px;padding: 40px 0 0 0;position: relative;}
.footer .icon {color: var(--accent-color);margin-right: 15px;font-size: 24px;line-height: 0;}
.footer h4 {font-size: 16px;font-weight: 700;margin-bottom: 15px;}
.footer .address p {margin-bottom: 0px;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);font-size: 16px;color: color-mix(in srgb, var(--default-color), transparent 50%);margin-right: 10px;transition: 0.3s;}
.footer .social-links a:hover {color: var(--accent-color);border-color: var(--accent-color);}
.footer .copyright {padding: 25px 0;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.footer .copyright p {margin-bottom: 0;}
.footer .credits {margin-top: 5px;font-size: 13px;}
#preloader {position: fixed;inset: 0;z-index: 999999;overflow: hidden;background: var(--background-color);transition: all 0.6s ease-out;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #ffffff;border-color: var(--accent-color) transparent var(--accent-color) transparent;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1.5s linear infinite;}
@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 99999;background-color: var(--accent-color);width: 40px;height: 40px;border-radius:4px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color: var(--contrast-color);line-height: 0;}
.scroll-top:hover {background-color: color-mix(in srgb, var(--accent-color), transparent 20%);color: var(--contrast-color);}
.scroll-top.active {visibility: visible;opacity: 1;}
@media screen and (max-width: 768px) {
  [data-aos-delay] {transition-delay: 0 !important;}
}
.page-title {color: var(--default-color);background-color: var(--background-color);position: relative;}
.page-title .heading {padding:50px 0 50px 0;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);background-size:contain;background-position:bottom;margin-top:128px;}
.page-title .heading h1 {font-size: 38px;font-weight: 700;}
.page-title nav {background-color: color-mix(in srgb, var(--default-color), transparent 95%);padding: 20px 0;}
.page-title nav ol {display: flex;flex-wrap: wrap;list-style: none;margin: 0;font-size: 16px;font-weight: 600;}
.page-title nav ol li+li {padding-left: 10px;}
.page-title nav ol li+li::before {content: "/";display: inline-block;padding-right: 10px;color: color-mix(in srgb, var(--default-color), transparent 70%);}
section,.section {color: var(--default-color);background-color: var(--background-color);padding: 60px 0;scroll-margin-top: 90px;overflow: clip;}
@media (max-width: 1199px) {section,.section {scroll-margin-top: 66px;}}
.section-title {text-align: center;padding-bottom: 60px;position: relative;}
.section-title h2 {font-size: 32px;font-weight: 700;margin-bottom: 15px;}
.section-title p {margin-bottom: 0;}
.hero {padding: 0;}
.hero .carousel {width: 100%;min-height:75.5vh;padding: 0;margin:128px 0 0 0;background-color: var(--background-color);position: relative;overflow: hidden;}
.hero img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hero .carousel-item {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.hero .carousel-item:before {content: "";background: color-mix(in srgb, var(--background-color), transparent 60%);position: absolute;inset: 0;z-index: 2;}
.hero .carousel-container {position: absolute;inset: 90px 100px;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 3;}
@media (max-width: 575px) {.hero .carousel-container {inset: 90px 50px;}}
.hero h2 {margin-bottom: 30px;font-size: 56px;font-weight: 900;text-transform: uppercase;}
.hero h2 span {color: var(--accent-color);}
@media (max-width: 768px) {.hero h2 {font-size: 30px;}}
.hero .btn-get-started {color: var(--contrast-color);font-family: var(--heading-font);font-weight: 600;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;display: inline-block;padding: 10px 40px;border-radius: 50px;transition: 0.5s;margin: 10px 0;align-self: flex-start;flex-shrink: 0;border: 2px solid var(--accent-color);}
.hero .btn-get-started:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);}
.hero .carousel-control-prev,.hero .carousel-control-next {width: 10%;transition: 0.3s;opacity: 0.5;z-index: 3;}
.hero .carousel-control-prev:focus,.hero .carousel-control-next:focus {opacity: 0.5;}
.hero .carousel-control-prev:hover,.hero .carousel-control-next:hover {opacity: 0.9;}
@media (min-width: 1024px) {.hero .carousel-control-prev,.hero .carousel-control-next {width: 5%;}}
.hero .carousel-control-next-icon,.hero .carousel-control-prev-icon {background: none;font-size: 32px;line-height: 1;}
.hero .carousel-indicators {list-style: none;}
.hero .carousel-indicators li {cursor: pointer;opacity: 1;height: 6px;width: 20px;transition: 0.3s;padding: 0;}
.hero .carousel-indicators .active {background-color: var(--accent-color);width: 40px;}
.services .service-item {background-color: var(--surface-color);box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);padding: 60px 30px;transition: all ease-in-out 0.3s;border-radius: 18px;border-bottom: 5px solid var(--surface-color);height: 100%;}
.sticky-top{top:150px;z-index:8;}
.services .service-item .icon {color: var(--contrast-color);background: var(--accent-color);margin: 0;width: 64px;height: 64px;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 28px;transition: ease-in-out 0.3s;}
.services .service-item h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 22px;transition: ease-in-out 0.3s;}
.services .service-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
@media (min-width: 1365px) {
  .services .service-item:hover {transform: translateY(-10px);border-color: var(--accent-color);}
  .services .service-item:hover h3 {color: var(--accent-color);}
}
.agents .member {position: relative;}
.agents .member .pic {overflow: hidden;margin-bottom: 50px;}
.agents .member .member-info {background-color: var(--surface-color);color: color-mix(in srgb, var(--default-color), transparent 20%);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);position: absolute;bottom: -50px;left: 20px;right: 20px;padding: 20px 15px;overflow: hidden;transition: 0.5s;}
.agents .member h4 {font-weight: 700;margin-bottom: 10px;font-size: 16px;position: relative;padding-bottom: 10px;}
.agents .member h4::after {content: "";position: absolute;display: block;width: 50px;height: 1px;background: color-mix(in srgb, var(--default-color), transparent 60%);
  bottom: 0;left: 0;}
.agents .member span {font-style: italic;display: block;font-size: 13px;}
.agents .member .social {position: absolute;right: 15px;bottom: 15px;}
.agents .member .social a {transition: color 0.3s;color: color-mix(in srgb, var(--default-color), transparent 70%);}
.agents .member .social a:hover {color: var(--accent-color);}
.agents .member .social i {font-size: 16px;margin: 0 2px;}
.testimonials .testimonial-item {background-color: var(--surface-color);box-shadow: 0px 0 20px rgba(0, 0, 0, 0.1);box-sizing: content-box;padding: 30px;margin: 40px 30px;min-height: 320px;display: flex;flex-direction: column;text-align: center;transition: 0.3s;}
.testimonials .testimonial-item .stars {margin-bottom: 15px;}
.testimonials .testimonial-item .stars i {color: #ffc107;margin: 0 1px;}
.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50%;border: 4px solid var(--background-color);margin: 0 auto;}
.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;}
.testimonials .testimonial-item h4 {font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 40%);margin: 0;}
.testimonials .testimonial-item p {font-style: italic;margin: 0 auto 15px auto;}
.testimonials .swiper-wrapper {height:auto;}
.testimonials .swiper-pagination {margin-top: 20px;position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: color-mix(in srgb, var(--default-color), transparent 85%);opacity: 1;}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--accent-color);}
.testimonials .swiper-slide {opacity: 0.3;}
@media (max-width: 1199px) {
  .testimonials .swiper-slide-active {opacity: 1;}
  .testimonials .swiper-pagination {margin-top:0;}
  .testimonials .testimonial-item {margin: 40px 20px;}
}
@media (min-width: 1200px) {
  .testimonials .swiper-slide-next {opacity: 1;transform: scale(1.12);}
}
.list-group-item {position:relative;display:block;padding:.5rem 1rem;color:#212529;background-color:#fff;border:1px solid rgba(0, 0, 0, .125);}
.list-group-item.active {z-index:2;color:#fff;background-color:#0b9444;border-color:#0b9444;}
.about .content .who-we-are {text-transform: uppercase;margin-bottom: 15px;color: color-mix(in srgb, var(--default-color), transparent 40%);}
.about .content h3 {font-size: 2rem;font-weight: 700;}
.about ul {list-style:none;padding: 0;}
.about ul li {padding-bottom: 10px;}
.about ul i {font-size: 1.25rem;margin-right: 4px;color: var(--accent-color);}
.about p:last-child {margin-bottom: 0;}
.about .read-more {background: var(--accent-color);color: var(--contrast-color);font-family: var(--heading-font);font-weight: 500;font-size: 16px;letter-spacing: 1px;padding: 12px 24px;border-radius: 5px;transition: 0.3s;display: inline-flex;align-items: center;justify-content: center;}
.about .content .read-more i {font-size: 18px;margin-left: 5px;line-height: 0;transition: 0.3s;}
.about .content .read-more:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);padding-right: 19px;}
.about .content .read-more:hover i {margin-left: 10px;}
.about .about-images img {border-radius: 10px;}
.stats .stats-item {background-color:var(--surface-color);box-shadow:0px 0 30px rgba(0, 0, 0, 0.1);padding:30px;}
.stats .stats-item i {color:var(--accent-color);font-size:42px;  line-height:0;margin-right:20px;}
.stats .stats-item span {color:var(--heading-color);font-size:25px;display:block;font-weight:600;}
.stats .stats-item span:after{content:'m²';margin-left:5px;}
.stats .stats-item p {padding:0;margin:0;font-family:var(--heading-font);font-size:16px;}
.features .features-image {position:relative;min-height:400px;}
.features .features-image img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:scale-down;z-index:1;}
.features h3 {font-size: 28px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.features h3:after {content: "";background: var(--accent-color);position: absolute;display: block;width: 50px;height: 3px;left: 0;bottom: 0;}
.features .icon-box {margin-top: 50px;}
.features .icon-box i {color: var(--accent-color);background-color: var(--surface-color);display: flex;align-items: center;justify-content: center;margin-right: 25px;font-size: 28px;width: 56px;height: 56px;border-radius: 4px;line-height: 0;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);transition: 0.3s;}
.features .icon-box:hover i {background-color: var(--accent-color);color: var(--contrast-color);}
.features .icon-box h4 {font-weight: 700;margin-bottom: 10px;font-size: 18px;}
.features .icon-box h4 a {color: var(--heading-color);transition: 0.3s;}
.features .icon-box h4 a:hover {color: var(--accent-color);}
.features .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
.service-details .service-box {background-color: var(--surface-color);padding: 20px;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);}
.service-details .service-box+.service-box {margin-top: 30px;}
.service-details .service-box h4 {font-size: 20px;font-weight: 700;border-bottom: 2px solid color-mix(in srgb, var(--default-color), transparent 92%);padding-bottom: 15px;margin-bottom: 15px;}
.service-details .services-list {background-color: var(--surface-color);}
.service-details .services-list a {color: color-mix(in srgb, var(--default-color), transparent 20%);background-color: color-mix(in srgb, var(--default-color), transparent 96%);display: flex;align-items: center;padding: 12px 15px;margin-top: 15px;transition: 0.3s;}
.service-details .services-list a:first-child {margin-top: 0;}
.service-details .services-list a i {font-size: 16px;margin-right: 8px;color: var(--accent-color);}
.service-details .services-list a.active {color: var(--contrast-color);background-color: var(--accent-color);}
.service-details .services-list a.active i {color: var(--contrast-color);}
.service-details .services-list a:hover {background-color: color-mix(in srgb, var(--accent-color), transparent 95%);color: var(--accent-color);}
.service-details .download-catalog a {color: var(--default-color);display: flex;align-items: center;padding: 10px 0;transition: 0.3s;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.service-details .download-catalog a:first-child {border-top: 0;padding-top: 0;}
.service-details .download-catalog a:last-child {padding-bottom: 0;}
.service-details .download-catalog a i {font-size: 24px;margin-right: 8px;color: var(--accent-color);}
.service-details .download-catalog a:hover {color: var(--accent-color);}
.service-details .help-box {background-color: var(--accent-color);color: var(--contrast-color);margin-top: 30px;padding: 30px 15px;}
.service-details .help-box .help-icon {font-size: 48px;}
.service-details .help-box h4,.service-details .help-box a {color: var(--contrast-color);}
.service-details .services-img {margin-bottom: 20px;}
.service-details h3 {font-size: 26px;font-weight: 700;}
.service-details p {font-size: 15px;}
.service-details ul {list-style: none;padding: 0;font-size: 15px;}
.service-details ul li {padding: 5px 0;display: flex;align-items: center;}
.service-details ul i {font-size: 20px;margin-right: 8px;color: var(--accent-color);}
.contact .info-item+.info-item {margin-top: 30px;}
.contact .info-item i {color: var(--contrast-color);background: var(--accent-color);font-size: 20px;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 4px;transition: all 0.3s ease-in-out;margin-right: 15px;}
.contact .info-item h3 {padding: 0;font-size: 18px;font-weight: 700;margin-bottom: 5px;}
.contact .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;}
.contact .php-email-form {height: 100%;}
.contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea {font-size: 14px;padding: 10px 15px;box-shadow: none;border-radius: 0;color: var(--default-color);background-color: color-mix(in srgb, var(--background-color), transparent 50%);border-color: color-mix(in srgb, var(--default-color), transparent 80%);}
.contact .php-email-form input[type=text]:focus,.contact .php-email-form input[type=email]:focus,.contact .php-email-form textarea:focus {border-color: var(--accent-color);}
.contact .php-email-form input[type=text]::placeholder,.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form textarea::placeholder {color: color-mix(in srgb, var(--default-color), transparent 70%);}
.contact .php-email-form button[type=submit] {color: var(--contrast-color);background: var(--accent-color);border: 0;padding: 10px 30px;transition: 0.4s;border-radius: 4px;}
.contact .php-email-form button[type=submit]:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);}
.real-estate .card {background-color: var(--background-color);color: var(--default-color);border: none;position: relative;border-radius: 0px;overflow: hidden;min-height: 500px;}
.real-estate .card:before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.9) 75%);z-index: 2;}
.real-estate .card img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.real-estate .card .card-body {position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;padding: 30px;}
.real-estate .card .card-body .sale-rent {display: inline-block;font-size: 15px;font-weight: 500;color: var(--contrast-color);padding: 4px 20px;border: 2px solid var(--accent-color);border-radius: 50px;margin-bottom: 10px;}
.real-estate .card .card-body h3 {font-weight: 700;font-size: 20px;margin-bottom: 0px;padding-left: 10px;border-left: 3px solid var(--accent-color);}
.real-estate .card .card-body h3 a {color: var(--contrast-color);}
.real-estate .card .card-body .card-content {background-color: var(--accent-color);color: var(--contrast-color);height: 80px;visibility: hidden;opacity: 0;margin-top: 10px;margin-bottom: -80px;margin-left: -30px;margin-right: -30px;transition: 0.3s;padding: 0 10px;}
.real-estate .card .card-body .card-content .propery-info {font-weight: 500;}
.real-estate .card:hover .card-content {margin-bottom: -30px;visibility: visible;opacity: 1;}
.real-estate-2 .portfolio-details-slider img {width: 100%;}
.real-estate-2 .swiper-wrapper {height: auto;}
.real-estate-2 .swiper-button-prev,.real-estate-2 .swiper-button-next {width: 48px;height: 48px;}
.real-estate-2 .swiper-button-prev:after,.real-estate-2 .swiper-button-next:after {color: rgba(255, 255, 255, 0.8);background-color: rgba(0, 0, 0, 0.15);font-size: 24px;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.real-estate-2 .swiper-button-prev:hover:after,.real-estate-2 .swiper-button-next:hover:after {background-color: rgba(0, 0, 0, 0.3);}
@media (max-width: 575px) {.real-estate-2 .swiper-button-prev,.real-estate-2 .swiper-button-next {display: none;}}
.real-estate-2 .swiper-pagination {margin-top: 20px;position: relative;}
.real-estate-2 .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background-color: color-mix(in srgb, var(--default-color), transparent 85%);opacity: 1;}
.real-estate-2 .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--accent-color);}
.real-estate-2 .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.real-estate-2 .portfolio-info h3:after {content: "";position: absolute;display: block;width: 50px;height: 3px;background: var(--accent-color);left: 0;bottom: 0;}
.real-estate-2 .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}
.real-estate-2 .portfolio-info ul li {display: flex;flex-direction: column;padding-bottom: 15px;}
.real-estate-2 .portfolio-info ul strong {text-transform: uppercase;font-weight: 400;color: color-mix(in srgb, var(--default-color), transparent 50%);font-size: 14px;}
.real-estate-2 .portfolio-info .btn-visit {padding: 8px 40px;background: var(--accent-color);color: var(--contrast-color);border-radius: 50px;transition: 0.3s;}
.real-estate-2 .portfolio-info .btn-visit:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);}
.real-estate-2 .portfolio-description h2 {font-size: 26px;font-weight: 700;margin-bottom: 20px;}
.real-estate-2 .portfolio-description p {padding: 0;}
.real-estate-2 .portfolio-description .testimonial-item {padding: 30px 30px 0 30px;position: relative;background: color-mix(in srgb, var(--default-color), transparent 97%);margin-bottom: 50px;}
.real-estate-2 .portfolio-description .testimonial-item .testimonial-img {width: 90px;border-radius: 50px;border: 6px solid var(--background-color);float: left;margin: 0 10px 0 0;}
.real-estate-2 .portfolio-description .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 15px 0 5px 0;padding-top: 20px;}
.real-estate-2 .portfolio-description .testimonial-item h4 {font-size: 14px;color: #6c757d;margin: 0;}
.real-estate-2 .portfolio-description .testimonial-item .quote-icon-left,.real-estate-2 .portfolio-description .testimonial-item .quote-icon-right {color: color-mix(in srgb, var(--accent-color), transparent 50%);font-size: 26px;line-height: 0;}
.real-estate-2 .portfolio-description .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}
.real-estate-2 .portfolio-description .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;transform: scale(-1, -1);}
.real-estate-2 .portfolio-description .testimonial-item p {font-style: italic;margin: 0 0 15px 0 0 0;padding: 0;}
.real-estate-2 .nav-pills {border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);}
.real-estate-2 .nav-pills li+li {margin-left: 40px;}
.real-estate-2 .nav-link {background: none;font-size: 18px;font-weight: 400;color: var(--default-color);padding: 12px 0;margin-bottom: -2px;border-radius: 0;}
.real-estate-2 .nav-link.active {color: var(--accent-color);background: none;border-bottom: 3px solid var(--accent-color);}
@media (max-width: 575px) {.real-estate-2 .nav-link {font-size:16px;}}
.real-estate-2 .tab-content h4 {font-size: 18px;margin: 0;font-weight: 700;color: var(--default-color);}
.real-estate-2 .tab-content i {font-size: 22px;line-height: 0;margin-right: 8px;color: var(--accent-color);}
.harf-btn {min-width:36px;font-weight:bold;border-radius:50px;margin:4px;transition:0.3s;}
.harf-btn.active, .harf-btn:hover {background-color: #0b9444 !important;color: #fff !important;transform:scale(1.1);}

/* Personel Kartları Stili */
.personel-section {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.personel-section .section-title {
  text-align: center;
  margin-bottom: 50px;
  padding-bottom: 0;
}

.personel-section .section-title h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.personel-card {
  background-color: var(--surface-color);
  box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.08);
  border: none;
  border-radius: 18px;
  padding: 40px 25px;
  text-align: center;
  transition: all ease-in-out 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 5px solid var(--surface-color);
  position: relative;
  overflow: hidden;
}

.personel-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 30%));
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.personel-card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 15px 40px 0px rgba(11, 148, 68, 0.15);
  border-bottom-color: var(--accent-color);
}

.personel-card:hover::before {
  opacity: 1;
}

.personel-card .personel-icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 25%));
  color: var(--contrast-color);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  font-size: 36px;
  box-shadow: 0px 5px 20px 0px rgba(11, 148, 68, 0.25);
  transition: all 0.3s ease-in-out;
}

.personel-card:hover .personel-icon {
  transform: scale(1.1);
  box-shadow: 0px 10px 30px 0px rgba(11, 148, 68, 0.35);
}

.personel-card h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  transition: color 0.3s ease-in-out;
}

.personel-card:hover h4 {
  color: var(--accent-color);
}

.personel-card .unvan {
  font-size: 13px;
  color: color-mix(in srgb, var(--accent-color), transparent 10%);
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: block;
}

.personel-card .email {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  word-break: break-all;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.personel-card .email a {
  color: var(--accent-color);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.personel-card .email a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .personel-card {
    margin-bottom: 20px;
    padding: 30px 20px;
  }
  
  .personel-section .section-title h3 {
    font-size: 24px;
  }
  
  .personel-card .personel-icon {
    width: 70px;
    height: 70px;
    font-size: 28px;
  }
}

@media (max-width: 1199px) {
  .page-title .heading {margin-top:80px;}
  .hero .carousel {margin-top:80px;}
}