*
/* GENEL */
body{font-family: "Roboto", sans-serif;;color: #0D1629; scroll-behavior: smooth;}
a{text-decoration: none;transition: all 0.3s ease;}
ul{padding: 0;margin: 0}
ul li{list-style: none;}
.mask{position: fixed;background: rgba(0,0,0,.5);width: 100%;height: 100vh;left: 0;top: 0;z-index: 3;}
.pl-0 {padding-left: 0 !important;} 
input::-webkit-search-cancel-button{display: none; outline: none;}
input:focus-visible {outline: none;}
input:focus {outline: none;}
input:focus {box-shadow: none;}
.form-control:focus {border-color: transparent; border: 0; box-shadow: none;}
.py-set {padding: 3rem 0;}
.primary-button {white-space: nowrap;color: #fff;background-color: #12314e;padding: 10px 25px;border-radius: 10px; display: inline-block; border: 0;}
.primary-button svg,.primary-button img {width: 20px;height: 20px;fill: #fff;margin-right: 7px;margin-top: -4px;}
.primary-button:hover {transform: scale(1.04); transition: all ease .3s; color: #fff;}
.secondary-button { color: #6CA5A3;background: #fff;padding: 13px 20px;border-radius: 8px; display: inline-block; white-space: nowrap;}
.secondary-button svg,.secondary-button img {margin-top: -4px; width: 20px;height: 20px;fill: #6CA5A3;margin:0 7px;}
.secondary-button:hover {transform: scale(1.04); transition: all ease .3s; color: #6CA5A3;}
.tertiary-button { white-space: nowrap;color: #fff;background: #6CA5A3;padding:10px 30px;border-radius: 8px;display: inline-flex;gap: .25rem;align-items: center;}
.tertiary-button svg {width: 25px;height: 25px;fill: #fff;margin:0 7px;}
.tertiary-button:hover {transform: scale(1.04); transition: all ease .3s; color: #fff;}
.zed-underline .underline-text span {display: inline !important;background-image: linear-gradient(currentColor, currentColor);background-position: 0 100%;background-repeat: no-repeat;background-size: 0 1px;transition: all .3s ease-out;line-height: 1.5;}
.zed-underline:hover .underline-text span,
.zed-underline:focus .underline-text span {background-size: 100% 1px;}
.bg-light {background-color: #F4F7FB !important;}
/* GENEL END */

/* HEADER */
header { position: fixed; background:#fff; width: 100%; z-index: 9; top:0; transition: all ease 200ms; border-bottom: 1px solid #ddd;}
header.initial-header {position: initial; margin-top: -90px;}
header.set-header {transition: all ease 200ms;background: #ffffff;box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);} 
header.set-header nav .navbar-nav > li > .nav-link {color: #0D1629; transition: all ease 200ms;}
header.set-header nav .brand-logo img {height: 50px;transition: all ease 200ms;}
header.set-header nav .navbar-nav > li > .nav-link.show{color:#0D1629 ;}
header.set-header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 0;}
header.set-header .header-top .header-top-wrap {margin-top: -40px;}
header.set-header nav .brand-logo {height: 70px;}
header .header-7-24-link .icon svg {width: 30px; height: 30px; fill: #fff;}
header .header-top {background-color: #12314e;}
header .header-top .header-top-wrap {display: flex;justify-content: space-between;flex-direction: row;gap: 7px;height: 40px; align-items: center; transition: all ease 200ms;}
header .header-top .header-top-wrap .header-contact {display: flex;flex-direction: row;gap: 25px;height: 40px; align-items: center;}
header .header-top .header-top-wrap .header-contact li svg {margin-right: 5px;width: 17px;height: 17px;fill: #fff;}
header .header-top .header-top-wrap .header-contact li a {color: #fff;font-weight: 300;font-size: 14px;} 
header .header-top .header-top-wrap .header-contact li:last-child:after {display: none;}
.header-social {display: flex;flex-direction: row;gap: 7px;height: 40px; align-items: center; display: none !important;}
.header-social li a {display: flex;align-items: center;justify-content: center; width: 30px;height: 30px;border-radius: 50%; }
.header-social li a svg {fill: #fff; width: 20px; height: 20px;}
header .relative {position: relative;}
header nav{padding-top: 0 !important;padding-bottom: 0 !important;}
header nav .brand-logo  {padding-right: 2rem; margin-right: 2rem; border-right: 1px solid #ddd; height: 100px;display: flex ; align-items: center; justify-content: center;}
header nav .brand-logo img{transition: all ease 200ms; height: 85px;}
header nav .navbar-collapse {align-items: center; justify-content: flex-end;}
header nav .navbar-nav > li > .nav-link{color: #0D1629;font-weight: 400;border-bottom: 2px solid transparent;transition: all ease 200ms;}
header nav .navbar-nav > li > .nav-link.show{color:#0D1629 ;}
header .navbar-expand-lg {transition: all ease 200ms;}
header nav .navbar-nav > li:last-child > .nav-link {margin: 0; padding-right: 0;}
header nav .navbar-nav > li > button{margin-left: 10px;height: 40px;background: #3AAA35 ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;margin-top: 20px;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header nav .navbar-nav > li > button i{margin-right: 5px;}
header .sidenav-toogle{display: none; color: #0D1629;}
header.set-header .sidenav-toogle {color: #3AAA35; font-size: 17px;}
header .side-nav{position: fixed;left: 0;top: 0;background: #fff;height: 100%;width: 300px;z-index: 5;left:-300px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: flex ; flex-direction: column; justify-content: space-between;}
header .side-nav > ul > li:nth-child(1){height: 90px;box-shadow: none;text-align: center;margin-bottom: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
header .side-nav > ul > li:nth-child(1) a:hover{background-color: transparent}
header .side-nav > ul > li:nth-child(1) a img{transition: all ease 200ms; max-height: 70px; margin-top: 10px; max-width: 100%; object-fit: contain;}
header .side-nav > ul > li a{color: rgba(0,0,0,0.87);display: block;font-size: 16px;height: 48px;line-height: 48px;padding: 0px 20px;font-weight: 400;}
header .side-nav > ul > li a i {margin-right: 5px; width: 25px;}
header .side-nav .accordion-item{border-radius: 0 !important;background: #fff;box-shadow: none;border:none}
header .side-nav .accordion-item .accordion-button{border-radius: 0 !important;background: #fff;box-shadow: none;color: rgba(0,0,0,0.87);}
header .side-nav .accordion-item .accordion-body{padding: 0;padding-left: 15px}
header .side-nav .sidenav-button{margin-left: 20px;width: calc(100% - 40px);height: 40px;background: #3AAA35 ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header .side-nav .header-social {background: #12314e;  height: 40px;}
header .side-nav .header-social li a svg {fill: #fff;}

/* Sosyal medya linklerini pasife al */
.header-social li a,
footer .footer-social li a {
    pointer-events: none;
    cursor: default;
}
.shake-icon { display: inline-block; animation: shake 0.5s ease-in-out infinite; animation-delay: 0s; animation-iteration-count: infinite; animation-duration: 3s; }
@keyframes shake {
    0%, 85%, 100% { transform: rotate(0deg); }
    88% { transform: rotate(15deg); }
    91% { transform: rotate(-15deg); }
    94% { transform: rotate(10deg); }
    97% { transform: rotate(-10deg); }
}
header .header-link {border-left: 1px solid #ddd; padding-left: 2rem; margin-left: 2rem; height: 100px; transition: all ease .2s; display: flex; align-items: center; justify-content: center; gap: 1rem;}
header .header-link div {display: flex ; flex-direction: column; text-align: right; gap: .25rem; color: #272727; white-space: nowrap;}
header .header-link .s {font-size: .8rem; font-weight: 300; color: #272727; opacity: .7;}
header .header-link .l {font-size: 1.3rem; color: #272727;}
header.set-header .header-link {height: 70px;}
/* HEADER END */
/*Youtube Modal CSS*/
.video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:9999}
.video-modal.is-open{display:flex}
.video-content{position:relative;width:min(90vw,960px);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
#ytFrame{width:100%;height:100%;border:0}
#closeBtn{position:absolute;top:8px;right:8px;line-height:1;font-size:28px;background:#0008;color:#fff;border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
#closeBtn:hover{background:#000c}
body.modal-open{overflow:hidden;}
body.modal-open header {z-index: 0;}
/*Youtube Modal CSS End*/
.contact-actions .phone-float {z-index: 9999;background: #2E55AF;border-radius: 50px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: box-shadow 0.2s;width: 56px;height: 56px;position: fixed;right: 20px;bottom: 20px;fill: #fff;}
.contact-actions .phone-float span {display: none;}
.contact-actions .phone-float svg {width: 32px;}
.contact-actions .whatsapp-float {position: fixed;right: 90px;bottom: 20px;z-index: 9999;background: #25d366;border-radius: 50px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: box-shadow 0.2s;width: 56px;height: 56px;}
.contact-actions .whatsapp-float svg {width: 32px;height: 32px;fill: #fff;display: block;}
.contact-actions .whatsapp-float span {display: none;color: #fff;font-weight: 500;margin-left: 10px;font-size: 16px;}
.contact-actions .whatsapp-ribbon {position: absolute;top: -7px;right: -7px;background: #e65f54;color: #fff;font-size: 12px !important; margin-left: 0 !important; font-weight: bold;border-radius: 12px;padding: 2px 7px;box-shadow: 0 2px 6px rgba(0,0,0,0.15);z-index: 2;display: none;animation: fadeInRibbon 0.5s;}
@keyframes fadeInRibbon {from { opacity: 0; transform: scale(0.7);}to { opacity: 1; transform: scale(1);}}
.contact-actions .whatsapp-float.shake {animation: shakeWhatsapp 0.5s;}
@keyframes shakeWhatsapp {
    0% { transform: translateX(0);}
    20% { transform: translateX(-4px);}
    40% { transform: translateX(4px);}
    60% { transform: translateX(-4px);}
    80% { transform: translateX(4px);}
}

/* HERO */
.hero-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;}
.hero-content .text-box {padding: 2rem; max-width: 600px; background-color: rgba(18, 49, 78, 0.88); border-radius: 8px;}
.hero-content .text-box .slide-title {color: #fff; font-size: 50px;}
.hero-content .text-box .slide-text {font-size: 16px; color: #fff; font-weight: 300;}
.hero-content .text-box .primary-button {background-color: #12314e;}
.hero-swiper-prev {color: #fff;}
.hero-swiper-next {color: #fff;}
.hero-slider-section .slide-img {width: 100%; height: 700px; object-fit: cover;}
/* HERO END */

/* CONTENT */
.page-title .sup-title {font-size: 16px; font-weight: 500; color: #12314e; margin-bottom: .75rem;}
.page-title .title {font-size: 29px; font-weight: 400; color: #272727; margin-bottom: .25rem;}
.page-title .title-text {font-size: 16px; color: #272727; opacity: .8; font-weight: 300;width: calc(100% - 250px);  margin: auto;}
.page-title .text-link { position: relative; }
.page-title .text-button {color:#d61617;display: inline-flex; align-self: center; justify-content: end; position: absolute; right: 0; bottom: 0; align-items: center; gap: 5px; font-weight: 500; width: 125px; white-space: nowrap;}
.page-title .text-button svg {width: 20px;  fill: #d61617;}
.main-about .text {font-weight: 300;}
.main-about .play-video {display: flex; padding: 0; align-items: center; border: 0; background: transparent; color:#d61617; margin-top: 1.4rem;}
.main-about .play-video .img-wrapper {border-radius: 50%; margin-right: 1rem; width: 90px;height: 90px; overflow: hidden;}
.main-about .play-video .img-wrapper img {width: 100%; transition:  all ease .2s;}
.main-about .play-video:hover .img-wrapper img {transform: scale(1.2); transition: all ease .2s; width: 100%;}
.main-about .play-video svg {width: 20px; margin-left: .5rem; fill: #d61617;}
.main-about .play-video:focus {outline: none;}
.about-gallery {display: flex; gap: 1.5rem;}
.about-gallery .gallery-wrapper {width: calc(50% - .75rem); display: flex; flex-direction: column;gap: 1.5rem;}
.about-gallery .gallery-wrapper .img-box {overflow: hidden; border-radius: 10px;}
.about-gallery .gallery-wrapper .img-box img {width: 100%; transition: all ease .3s;}
.about-gallery .gallery-wrapper .gallery-content {align-items: center;text-align: center; user-select: none; justify-content: center;display: flex; gap: 5px; flex-direction: column; background: #12314e; height: 100px; border-radius: 10px; color: #fff;}
.about-gallery .gallery-wrapper .gallery-content .gallery-title {font-size: 26px; font-weight: 500; line-height: 1; margin-bottom: 0; white-space: nowrap; margin-bottom: .5rem;}
.about-gallery .gallery-wrapper .gallery-content .gallery-text {font-size: 15px; font-weight: 200; margin: 0; line-height: 1; white-space: nowrap; width: max-content;}
.about-gallery .gallery-wrapper:nth-child(2) {flex-direction: column-reverse;}
.about-gallery .gallery-wrapper:nth-child(2) .gallery-content {background-color:#d61617;}
.about-gallery .gallery-wrapper .gallery-space {height: 2rem;}
.about-gallery .gallery-wrapper:hover .img-box img {transform: scale(1.1); transition: all ease .3s;}
.cta-section {transition: all ease .3s; background-image: url(../images/cta-bg.webp); color: #fff; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.cta-section:hover {background-size: 110% 110%;  transition: all ease .3s;}
.cta-section .cta-title {font-size: 29px; font-weight: 400; margin-bottom: 1.25rem; }
.cta-section .cta-text {font-weight: 300; opacity: .7 !important; max-width: 768px; width: 90%; text-align: center; margin: 0 auto 1.25rem; font-size: 15px;}
.cta-section .primary-button {background-color: #d61617;}
.product-swiper .swiper-pagination {margin-top: 1rem; text-align: center; position: relative;}
.product-swiper .swiper-pagination-bullet {width: 8px;height: 8px;background: #cfcfcf;opacity: 1;margin: 0 6px !important;}
.product-swiper .swiper-pagination-bullet-active {background: #12314e;}
.product-card {background-color: #F4F7FB; overflow: hidden;height: 300px; display: block; padding: 1rem; border-radius: 10px; position: relative;}
.product-card .product-body {transform: translateY(100%); display: none; visibility: hidden; transition: all ease .3s; position: absolute;top: 0; gap: 1rem; left: 0; width: 100%; height: 100%; background: #F4F7FB; display: flex ; flex-direction: column; align-items: flex-start; padding: 1rem;justify-content: center; }
.product-card .product-body .title {margin-top: 0; transition: none !important; }
.product-card .product-body .title span {transition-delay: .15s;}
.product-card .product-body p {font-weight: 300; font-size: 15px; color: #272727; margin-bottom: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;}
.product-card .product-body .primary-button {padding: 7px 25px;}
.product-card .title {color: #12314e; font-size: 19px; font-weight: 400; text-align: center; margin-top: 1rem; margin-bottom: 0;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.product-card .product-thumb {margin-bottom: 0;}
.product-card .product-thumb img {width: 100%; margin-bottom: 1rem; transition: all ease .3s; border-radius: 10px;}
.product-card:hover .product-thumb img {transform: scale(1.05); transition: all ease .3s;}
.product-card:hover .product-body {transform: translateY(0); transition: all ease .3s;  display: flex; visibility: visible;}
.why-us-card {display: flex ; flex-direction: column; align-items: center; text-align: center; gap: 1rem;}
.why-us-card .card-icon {width: 70px; height: 70px; fill: #fff; border-radius: 10px; background: #12314e; display: flex ; align-items: center; justify-content: center;}
.why-us-card .card-icon svg {width: 40px; height: 40px;}
.why-us-card .title {color: #272727; font-size: 18px; font-weight: 500;}
.why-us-card .text {font-size: 15px; font-weight: 300; color: #272727; opacity: .8; margin: 0;}
.services-card {border-radius: 10px; border: 1px solid #f4f7fb; overflow: hidden; display: block; background: #f4f7fb;color: #272727; transition: all ease .3s;}
.services-card .product-thumb {height: 230px; overflow: hidden; width: 100%; margin-bottom: 0;}
.services-card .product-thumb img {width: 100%; height: 230px; margin-bottom: 0; object-fit: cover; transition: all ease .3s;}
.services-card:hover .product-thumb img {transform: scale(1.05); transition: all ease .2s;}
.services-card .product-body {padding: 1rem; display: flex ; flex-direction: column; }
.services-card .product-body .title {font-size: 20px; font-weight: 400; color: #12314e;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.services-card .product-body p {font-size: 15px; font-weight: 300; color: #222; opacity: .7;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.services-card:hover {border: 1px solid #6f7d86; transition: all ease .3s; background-color: #fff;}
.services-card:hover .product-body .title {transition: all ease .3s;}
.services-card:hover .product-body p {color: #6f7d86; transition: all ease .3s; opacity: 1;}   
.slide-buttons {display: flex; gap: .25rem; margin-top: 1.5rem; justify-content: center;}
.slide-buttons > button {width: 30px; height: 30px; border-radius: 10px; border: 1px solid #12314e; background-color: #12314e;display: flex ; align-items: center; justify-content: center;}
.slide-buttons > button svg {fill: #fff !important; width: 15px !important; height: 15px !important;}
.main-references {background-color: #f4f7fb ;}
.references-card {padding: 1.5rem; height: 120px; border-radius: 10px; background: #fff; display: flex ; align-items: center; justify-content: center; transition: all ease .3s;}
.references-card img {width: 100%; transition: all ease .3s; filter: grayscale(1); opacity: .6; transition: all ease .3s;}
.references-card:hover img {filter: grayscale(0); opacity: 1; transition: all ease .3s;}
.blog-card {background-color: #fff;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; width: 97%; margin: auto; margin-bottom: .5rem;}
.blog-card .product-body .title {color: #272727; font-size: 18px;}
.blog-card .product-body p {font-size: 14px;}
.blog-card .card-action {border-top: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between; padding: .5rem 1rem; position: relative;}
.blog-card .card-action .btn-text {color: #272727; font-size: 15px; margin-bottom: 0;}
.blog-card .card-action svg {width: 20px; fill: #12314e;}
.blog-card:hover {background-color: #fff;}
.blog-card:hover .product-body .title {color: #272727;}
.blog-card:hover .product-body p {color: #272727; }
.blog-card:hover .card-action .btn-text {color: #fff}
.blog-card:hover .card-action svg {fill: #fff;}
.blog-card .card-action::after {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #12314e;transition: all ease .3s;}
.blog-card:hover .card-action::after  {width: 100%; transition: all ease .3s; z-index: 1;}
.blog-card:hover .card-action > * {position: relative; z-index: 2;}
.page-banner {position: relative;}
.page-banner .banner-content {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex ; align-items: center; background: rgb(18 49 78 / 70%); color: #fff;}
.page-banner .banner-img {height: 395px; width: 100%; }
.page-banner .banner-img img {width: 100%; height: 395px; object-fit: cover;}
.page-banner .banner-content .text-box p {font-weight: 300; opacity: .9;}
.breadcrumb {background-color: #ffffff4f; border-radius: 6px; padding: 2px 15px; display: inline-flex; flex-wrap: wrap; width: auto;}
.breadcrumb li a {color: #fff; font-weight: 300;}
.banner-icon {position: absolute; display: none; left: 50%; transform: translate(-50%, -50%); background: #cbcbcb; z-index: 3; padding: .5rem; border-radius: 50%; border: 10px solid #fff;}
.banner-icon img {width: 42px;}
.banner-icon .vent-text {position: absolute; height: 13px; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mission {transition: all ease .3s; background-image: url(../images/mission-bg.webp); color: #fff; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.mission .text {font-size: 15px; font-weight: 300; opacity: .9;}
.mission .section-title {font-size: 27px; font-weight: 400;}
.video-box .video-header .right { width: 40%;}
.video-box .video-header {display: flex; align-items: flex-end; gap: 1rem; justify-content: space-between;}
.video-box .video-header .text {padding-bottom: 5px; font-size: 15px; font-weight: 200; color: #272727; opacity: .8; margin: 0;}
.video-box .video-header h3 {font-size: 30px; font-weight: 200; margin-bottom: 0;}
.video-box .video-header h3 span {display: block; font-size: 65px; font-weight: 600; line-height: 1; color: #12314e;}
.video-container {width: 100%; border-radius: 10px; overflow: hidden;}
.video-container img {width: 100%;}
.hizmetlerimiz-menu { border-radius: 10px; background: #F4F7FB; border: 0; box-shadow: none; } 
.hizmetlerimiz-menu .card-header { font-weight: 500; border-bottom: 1px solid #e3e6ee; border-radius: 10px 10px 0 0; letter-spacing: 0.5px; } 
.hizmetlerimiz-menu .list-group-item { border: none; font-size: 1rem; background: transparent; transition: background 0.2s; padding: 0; } 
.hizmetlerimiz-menu .list-group-item:not(:last-child) { border-bottom: 1px solid #f2f2f2; } 
.hizmetlerimiz-menu .menu-link { color: #222; font-weight: 300; text-decoration: none; display: block; transition: color 0.2s; padding: 12px 20px; } 
.hizmetlerimiz-menu .list-group-item:hover, .hizmetlerimiz-menu .menu-link:hover { background: #f5f8ff; color: #0d4c9c; } 
.quick-offer-form-card { background: #6f7d86; border-radius: 10px; color: #fff; padding: 0; border: 1px solid #fff; } 
.quick-offer-header { display: flex; align-items: center; gap: 10px; padding: 18px 24px 10px 24px; border-bottom: 1px solid #fff; } 
.quick-offer-title { font-size: 1.1rem; font-weight: 600; margin: 0; color: #fff; letter-spacing: 0.5px; } 
.quick-offer-form { padding: 18px 24px 24px 24px; display: flex; flex-direction: column; gap: 12px; } 
.quick-offer-group { width: 100%; } 
.quick-offer-group input { width: 100%; background: transparent; border: 1px solid #fff; color: #fff; font-size: 0.95rem; padding: 7px 12px; border-radius: 7px; outline: none; transition: border-color 0.2s; margin-bottom: 0; } 
.quick-offer-group input::placeholder { color: #fff; opacity: 0.8; font-size: 0.95rem; } 
.quick-offer-group input:focus { border-color: #fff; background: rgba(255,255,255,0.08); } 
.quick-offer-check { display: flex; align-items: flex-start; gap: 8px; font-size: 0.85rem; color: #fff; } 
.quick-offer-check input[type="checkbox"] { accent-color: #fff; width: 16px; height: 16px; margin-top: 3px; } 
.quick-offer-check label { line-height: 1.4; color: #fff; } 
.quick-offer-check a { color: #fff; text-decoration: underline; } 
.quick-offer-btn { width: 100%; background: #fff; color: #6f7d86; border: none; border-radius: 7px; font-size: 1rem; font-weight: 600; padding: 8px 0; cursor: pointer; transition: background 0.2s, color 0.2s; margin-top: 6px; } 
.quick-offer-btn:hover { background: #eaf7fa; color: #3a8b98; }
#faqAccordion {overflow: hidden; border-radius: 10px;}
#faqAccordion .accordion-item { border: none; border-bottom: 1px solid #e6e6e6; background: transparent; } 
#faqAccordion .accordion-item:last-child { border-bottom: none; }
#faqAccordion .accordion-header { background: transparent; } 
#faqAccordion .accordion-button { background: #f7f7f7; color: #222; font-weight: 500; border: none; box-shadow: none; padding: 1rem 1.25rem; transition: background 0.2s; border-radius: 0; } 
#faqAccordion .accordion-button:not(.collapsed) { background: #f4f7fb; color: #12314e; } 
#faqAccordion .accordion-button:focus { box-shadow: none; } 
#faqAccordion .accordion-body { background: #fff; color: #444; padding: 1rem 1.5rem; border-top: 1px solid #e6e6e6; } 
#faqAccordion .accordion-button::after { display: none !important; } 
#faqAccordion .accordion-button span { display: flex; align-items: center; margin-right: 8px; }
.faq-image {height: 100%;}
.faq-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 7px;}
.etiketler-list {display: flex; flex-wrap: wrap; gap: 10px;}
.etiketler-list .etiket {border: 1px dashed #12314e; font-size: 13px; font-weight: 300; background-color: #f4f7fb; border-radius: 5px; padding: 5px 10px; color: #12314e; text-decoration: none; transition: all ease .2s;}

/* Proje detay SSS alanı */
.proje-sss {
    background: #f7f9fc;
    border-radius: 16px;
    padding: 2.5rem 2rem;
}

.proje-sss h2 {
    font-size: 1.75rem;
    color: #12314e;
}

.proje-sss .accordion {
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(13, 22, 41, 0.06);
}

.proje-sss .accordion-item {
    border: none;
    border-bottom: 1px solid #e5e8f0;
}

.proje-sss .accordion-item:last-child {
    border-bottom: none;
}

.proje-sss .accordion-button {
    background: #f5f7fb;
    color: #222;
    font-weight: 500;
    border: none;
    box-shadow: none;
    padding: 1rem 1.25rem;
}

.proje-sss .accordion-button:not(.collapsed) {
    background: #e9f0fb;
    color: #12314e;
}

.proje-sss .accordion-button:focus {
    box-shadow: none;
}

.proje-sss .accordion-body {
    background: #ffffff;
    color: #555;
    padding: 1rem 1.5rem 1.25rem;
}

.proje-sss .accordion-button::after {
    display: none;
}

.proje-sss .accordion-header h3 {
    margin: 0;
    font-size: 1rem;
}

@media only screen and (max-width: 768px){
    .proje-sss {
        padding: 1.75rem 1.25rem;
    }
}

.references-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 24px 0 rgba(0,0,0,0.07); padding: 24px 16px; display: flex; align-items: center; justify-content: center; min-height: 140px; transition: box-shadow 0.2s, transform 0.2s; border: 1px solid #f0f0f0; position: relative; overflow: hidden; } 
.references-card img { max-width: 100%; max-height: 60px; object-fit: contain; filter: grayscale(100%); opacity: 0.85; transition: filter 0.3s, opacity 0.3s, transform 0.2s; } 
.references-card:hover { box-shadow: 0 8px 32px 0 rgba(0,0,0,0.12); transform: translateY(-4px) scale(1.03); border-color: #e0e0e0; background: linear-gradient(120deg, #f8fafc 60%, #e9f1fb 100%); } 
.references-card:hover img { filter: grayscale(0%); opacity: 1; transform: scale(1.07) rotate(-2deg); }
.main-references .references-card  {box-shadow: none;}


/*General CSS*/
.zed-form-container {background: white; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); padding: 40px; position: relative; overflow: hidden; height: 100%;}
.zed-form-container::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #12314e, #e74c3c);}
.zed-form-title {text-align: center; color: #2c3e50; font-size: 28px; margin-bottom: 30px; font-weight: 600;}
.zed-form-group {position: relative;}
.zed-form-label {display: block; margin-bottom: 8px; color: #555; font-weight: 500; font-size: 14px;}
.zed-form-input, .zed-form-textarea {width: 100%; padding: 12px 16px; border: 2px solid #e1e5e9; border-radius: 10px; font-size: 16px; transition: all 0.3s ease; background-color: #f8f9fa;}
.zed-form-input:focus, .zed-form-textarea:focus {outline: none; border-color: #6CA5A3; background-color: white; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}
.zed-form-textarea {resize: vertical; min-height: 120px; font-family: inherit;}
.zed-form-error {color: #e74c3c; font-size: 12px; margin-top: 5px; opacity: 0; transform: translateY(-10px); transition: all 0.3s ease;}
.zed-form-error.zed-show-error {opacity: 1; transform: translateY(0);}
.zed-form-input.zed-error, .zed-form-textarea.zed-error {border-color: #e74c3c; background-color: #fdf2f2;}
.zed-form-submit {width: 100%; padding: 14px; background: linear-gradient(135deg, #6CA5A3 0%, #764ba2 100%); color: white; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden;}
.zed-form-submit:hover:not(:disabled) {transform: translateY(-2px); box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);}
.zed-form-submit:disabled {opacity: 0.7; cursor: not-allowed; transform: none;}
.zed-toast {position: fixed; top: 20px; right: 20px; padding: 16px 20px; border-radius: 8px; color: white; font-weight: 500; z-index: 1000; transform: translateX(400px); transition: transform 0.3s ease;}
.zed-toast.zed-success {background-color: #27ae60;}
.zed-toast.zed-error {background-color: #e74c3c;}
.zed-toast.zed-show {transform: translateX(0);}
.zed-contact-info {background: white; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}
.zed-map-container {width: 100%; height: 350px; position: relative; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}
.zed-map-container iframe {width: 100%; height: 100%; border: none; filter: grayscale(0.3); transition: filter 0.3s ease;}
.zed-map-container iframe:hover {filter: grayscale(0);}
.zed-info-content {padding: 40px; position: relative;}
.zed-info-content::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #12314e, #e74c3c);}
.zed-info-title {font-size: 24px; font-weight: 600; color: #2c3e50; margin-bottom: 30px; display: flex; align-items: center; gap: 10px;}
.zed-info-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; padding: 20px; background: #f8f9fa; border-radius: 12px; transition: all 0.3s ease;}
.zed-info-item:hover {background: #e9ecef; transform: translateX(5px);}
.zed-info-icon {width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; fill:#e34c3c;}
.zed-info-details h4 {font-size: 16px; font-weight: 600; color: #2c3e50; margin-bottom: 5px;}
.zed-info-details p {color: #7f8c8d; font-size: 14px; line-height: 1.5;}
.user-text h1{color: #272727;font-size: 1.5rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h2{color: #272727;font-size: 1.4rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h3{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h4{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 1.2rem;}
.user-text h5{color: #272727;font-size: 1.2rem;margin: 0;margin-bottom: 1.2rem;}
.user-text p{font-size: 16px;font-weight: 400; margin-bottom: 20px; line-height: 1.4; font-weight: 300;}
.user-text span{font-size: 16px;font-weight: 300;margin-bottom: 1rem;display: block;}
.user-text ul{margin-left: 30px;margin-bottom: 1rem;}
.user-text ul li{font-size: 16px;list-style: circle;font-weight: 300;line-height: 2}
.user-text ol{margin-bottom: 1rem;}
.user-text ol li{font-size: 16px;font-weight: 300;line-height: 2}
.user-text table{width: 100%;margin-bottom: 20px}
.user-text table tr td{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #dedede;}
.user-text table tr:nth-child(1){font-weight: bold;}
.user-text table tr:nth-child(1) td{line-height: 2;border-bottom: 1px solid #212529;}
.user-text blockquote{border-left: 0.35rem solid #1da6e0;border-top: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 20px;background-color: #fbfbfb !important;line-height: 1.7;}
.user-text blockquote p{margin-bottom: 0}
.user-text img{margin-bottom: 20px; max-width: 100%; height: auto; border-radius: 8px;}
.user-text .hide-text {display: none;}
.whatsapp-float {position: fixed;right: 20px;bottom: 20px;z-index: 9999;background: #25d366;border-radius: 50px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: box-shadow 0.2s;width: 56px;height: 56px;}
.whatsapp-float svg {width: 32px;height: 32px;fill: #fff;display: block;}
.whatsapp-float span {display: none;color: #fff;font-weight: 500;margin-left: 10px;font-size: 16px;}
.whatsapp-ribbon {position: absolute;top: -7px;right: -7px;background: #d61617;color: #fff;font-size: 12px !important; margin-left: 0 !important; font-weight: bold;border-radius: 12px;padding: 2px 7px;box-shadow: 0 2px 6px rgba(0,0,0,0.15);z-index: 2;display: none;animation: fadeInRibbon 0.5s;}
@keyframes fadeInRibbon {from { opacity: 0; transform: scale(0.7);}to { opacity: 1; transform: scale(1);}}
.whatsapp-float.shake {animation: shakeWhatsapp 0.5s;}
@keyframes shakeWhatsapp {
    0% { transform: translateX(0);}
    20% { transform: translateX(-4px);}
    40% { transform: translateX(4px);}
    60% { transform: translateX(-4px);}
    80% { transform: translateX(4px);}
    100% { transform: translateX(0);}
}
/* CONTENT END */


/* FOOTER */
footer { position: relative; z-index: 3; background-image: url(../images/cta-bg.webp); background-size: cover;background-color: #12314e;}
footer .footer-wrapper {padding: 50px 0 50px;}
footer .header-social li a {background-color: transparent; width: 40px; height: 40px;}
footer .header-social li a svg {fill: #fff; width: 25px; height: 25px;}
footer .footer-text {font-size: 14px; color: #fff; opacity: .6; margin-top: 1rem; font-weight: 300;}
footer h5{font-size: 1.25rem;font-weight: 500; color: #fff; position: relative;}
footer h5::after {content: ""; height: 1px; width: 65%; background-color: #fff; display: block; margin-top: 0.5rem; opacity: .6;}
footer .footer-top {padding: 50px 0;border-bottom: 1px solid #4b4b4b;} 
footer .footer-call {display: flex;align-items: center;justify-content: flex-end;gap: 1rem;color: #222;}
footer .footer-call h3 {font-weight: 300; margin-bottom: 0; font-size: 1.25rem;}
footer .brand-logo{margin-bottom: 1.5rem; display: block;}
footer .brand-logo img{max-width: 100%; height: 110px; object-fit: contain;filter: brightness(0) invert(1);}
footer .footer-thin{font-size: 12px;font-weight: 300;margin: 0;color: #BAB7B7;display: block;margin-top: 20px;}
footer .footer-thin-social{margin-top: 40px;margin-bottom: 5px;color:#222;}
footer .footer-social{padding-inline-start: 0px;margin-block-start: 1rem;margin-block-end: 2rem; display:flex;}
footer .footer-social li{margin-right: 10px;text-align: center;line-height: 25px;}
footer .footer-social li:last-child{margin-right: 0}
footer .footer-social li i{color: #222;font-size: 18px;}
footer .footer-link-list{margin-bottom: 25px;}
footer .footer-link-list li a {margin-bottom: 10px;color:#fff;font-weight: 300; font-size: 15px; display: flex; align-items: flex-start; gap: 10px;}
footer .footer-link-list li svg {fill: #7C7C7C; min-width: 20px;margin-top: 3px;}
footer .footer-link-list li a{color:#fff; font-weight: 300; font-size: 14px; cursor: pointer !important;}
footer .footer-link-list li a:hover {opacity: 1; transition: all ease .3s;}
footer .footer-link-list li {opacity: .5; transition: all ease .3s;}
footer .footer-link-list li:hover {opacity: 1; transition: all ease .3s;}
footer .footer-bottom-image {margin: 50px 0 -50px;width: 100%;overflow: hidden;} 
footer .footer-bottom-image img {width: 100%;}
footer .footer-copyright {background: #f9fdff;color:#8e8e8e; padding: 15px 10px;font-size: 13px;height:50px; font-weight: 400; }
footer .footer-copyright .right a{margin-right: 16px;font-weight: 300;font-size: 13px;color: #8e8e8e;}
footer .footer-copyright .web-tasarim{white-space: nowrap; margin-top: 0;-webkit-transition: all .3s linear;transition: all .3s linear;}
footer .footer-copyright .web-tasarim:hover{opacity: 1;}
footer .footer-copyrights {border-top:1px solid #BCBCBC;padding-top: 20px; padding-bottom: 20px;}
footer .footer-copyrights .row{margin-bottom: 0}
footer .footer-copyrights .bni{height: 30px}
footer .footer-copyrights ul{margin: 0;padding: 0;float: right;margin-top: 5px}
footer .footer-copyrights ul li{float: left;margin-right: 20px}
footer .footer-copyrights ul li:last-child{margin-right: 0px}
footer .footer-copyrights ul li a{color:#222 !important;font-weight: 100;cursor: pointer;}
footer .copyright-wrapper {display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;}
footer .zedtech-logo {height: 20px; opacity: .5; transition: all ease .3s;}
footer .zedtech-logo:hover {opacity: 1;}
footer .footer-input {width: 80%; overflow: hidden; border-radius: 8px;border:1px solid #12314e;}

/* FOOTER END */

/* MODAL */
.modal .modal-body{height: 500px;overflow-y: scroll;}
.modal .modal-body p{font-size: 15px;font-weight: 300}
.modal .modal-body h3{font-size: 1.4rem}
.modal .modal-body ul{margin-left: 30px;margin-bottom: 20px;}
.modal .modal-body ul li{font-size: 15px;font-weight: 300;list-style: circle;}
.modal .modal-body ol li{font-size: 15px;font-weight: 300;}
.modal .modal-body a{color:#3AAA35 ;font-weight: 300}
.modal .modal-body label{font-weight: 300}
.modal .modal-body .teklif-al{background: #3AAA35 ;color: #fff;float: right;padding: 8px 15px;border-radius: 5px;font-size: 14px;cursor: pointer;}
.modal .modal-body .teklif-al i{margin-right: 7px;font-size: 12px}
.modal-header .btn-close:focus {outline: none; box-shadow: none;}
/* MODAL END */



/* RESPONSIVE */

@media only screen and (min-width: 992px) {
    .container{width: 90%; }
    .navbar-expand-lg .navbar-collapse .navbar-nav {align-items: center; gap: 1rem;}
    .navbar-expand-lg {height: 100px;}
    header.set-header .navbar-expand-lg {height: 70px; transition: all ease 200ms;}
    .brand-logo,.header-link {position: relative; z-index: 3;}
    .product-swiper .swiper-pagination { display: none; }

}

@media only screen and (min-width: 1440px) {
    .container {max-width: 1360px;}
}
@media only screen and (max-width: 1200px){
    .navbar-expand-lg .navbar-collapse .navbar-nav {gap: .5rem;}
    header nav .brand-logo {padding-right: 1.24rem; margin-right: 1.24rem;}
    header .header-link {padding-left: 1.24rem; margin-left: 1.24rem;}
}

@media only screen and (max-width: 992px){
    .table-hide {display: none;}
    header .sidenav-toogle{transition: all ease 200ms; display: block;font-size: 23px;z-index: 3; position: absolute; left: 0;}
    header nav .brand-logo {margin-left: 50px; padding-right: 0; margin-right: 0; border-right: 0;}
    header .header-top {display: none;}
    .container{max-width: 90%; }
    header .navbar-expand-lg>.container {justify-content: center;}
    header .shown{left:0px !important}
    .py-set {padding: 3rem 0;} 
    footer .brand-logo {text-align: center;}
    footer .header-social {justify-content: center;}
    footer .footer-text {text-align: center;}
    .about-gallery .gallery-wrapper .gallery-space {display: none;}
    .video-box .video-header .right { width: 70%;}
    .hizmetlerimiz-menu { margin-bottom: 24px; }
    .faq-image img {margin-bottom: 1.5rem;}
}


@media only screen and (max-width: 768px){
    footer .container{max-width: 95%;}
    header .header-top {display: none;}
    header .header-7-24-link {display: none;}
    header.set-header nav .brand-logo img {height: 60px; transition: all ease 200ms;}
    .hero-content h2{font-size:22px;}
    .hero-content p{font-size:14px;}
    .t-quote{font-size:17px;}
    .t-card {width: 90%;}
    .slider-content .title {font-size: 2.25rem;}
    .slider-content .text {font-size: 1rem;}
    .content-header .title {font-size: 1.5rem;}
    .content-header .text {font-size: 1rem;}
    .custom-form-container {margin-top: 0;}
    .zed-contact-page {padding: 20px 10px;}
    .zed-form-container, .zed-info-content {padding: 30px 20px;}
    .zed-page-title {font-size: 28px;}
    .zed-page-subtitle {font-size: 16px;}
    .zed-map-container {height: 250px;}
    .bg-pattern {width: 100px;}
    .hero-slider-section .slide-img {height: 500px;}
    .hero-content .text-box .slide-title {font-size: 35px;}
    *[data-aos-delay] {
        transition-delay: 0 !important;
    }
    .page-title .title-text {width: calc(100% - 140px);}
    .product-card {height: 310px;}
}

@media only screen and (max-width: 570px){
    .container {width: 95%;}
    .page-hero {justify-content: flex-end;height: 300px;background-position: left bottom;  background-size: 220%; padding-top: 0;}
    .page-hero .ustm-title {font-size: 25px;}
    .bread-crumbs li a {font-size: 14px;}
    .whatsapp-dekstop{display: none}
    .whatsapp-mobil{display: flex;align-items: center; justify-content: center;position: fixed;width: 100%;bottom: 0;height: 40px;background: #25D366;text-align: center;color: #fff;z-index: 10;font-size: 15px;}
    .whatsapp-mobil i{font-size: 24px;margin-right: 7px;}
    footer .footer-bottom-image {margin-bottom: 0;}
    footer .brand-logo {margin-bottom: 1.5rem;display: block;}
    footer .footer-social li a {margin-top: 1rem;}  
    .py-set {padding: 3em 0;} 
    .feature-card {margin-bottom: 1.5rem;}
    .main-about .rounded-3 {margin-bottom: 1rem;}
    footer .footer-call {justify-content: center;}
    footer .header-social {margin-bottom: 1.5rem;}
    .page-hero .page-hero-content .hero-title {font-size: 2.2rem; margin-bottom: 1rem;}
    .page-hero .page-hero-content {padding: 2rem .5rem;}
    .page-hero .page-hero-content .hero-subtitle {font-size: 1rem; margin-bottom: 1rem;}
    .page-hero .tertiary-button {font-size: 14px; padding: 10px 20px;}
    .primary-button {font-size: 14px;padding: 7px 21px;}
    .user-text p {font-size: 15px;}
    footer h5 {font-size: 1rem;}
    footer .footer-copyright{height: auto;}
    footer .footer-copyright .left{text-align: center;display: block;font-size: 14px; float: none;}
    footer .footer-copyright .right {display: flex;justify-content: center;width: 100%;gap: 1rem;align-items: center; margin-top: 1rem;}
    footer .footer-copyright .right .web-tasarim {margin: 0 !important;}
    footer .footer-copyright .right a{margin-right: 0px;display: block;float: none;margin: auto; }
    .whatsapp-float {right: 0;left: 0;bottom: 0;width: 100vw;height: 50px;border-radius: 0;justify-content: center;box-shadow: 0 -2px 8px rgba(0,0,0,0.10);}
    .whatsapp-float span {display: inline; font-weight: 400;}
    .whatsapp-ribbon { display: none !important; }
    .zed-underline .underline-text span.d-none {display: none !important;}


    .treatment-card__title {font-size:22px;}
    .treatment-card__subtitle {font-size:15px;}
    header .header-link {display: none;}
    header nav .brand-logo {margin-left: 0;}
    .page-title .title-text {width: calc(100% - 70px); margin-left: 0; text-align: left;}
    .references-card {padding: 2.5rem .5rem;}
    .video-box .video-header {flex-direction: column;    align-items: center;}
    .video-box .video-header .right { width: 100%;} 
    .video-box .video-header h3 {width: 100%;}
    .video-box .video-header h3 span {display: inline;}
    #faqAccordion .accordion-button,
    #faqAccordion .accordion-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 21px;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 0px);}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 0px);}
    .hero-content .text-box {padding: 1.5rem;}
    .page-title .title {font-size: 22px;}
    .page-title .sup-title {font-size: 15px; margin-bottom: .5rem;}
    .cta-section .cta-title {font-size: 22px;}
    .cta-section .cta-text {width: 100%;}
    .contact-actions .whatsapp-float {right: 0;left: 0;bottom: 0;width: 50%;height: 40px;border-radius: 0;justify-content: center;box-shadow: 0 -2px 8px rgba(0,0,0,0.10);}
    .contact-actions .whatsapp-float span {display: inline; font-weight: 400;}
    .contact-actions .phone-float span {display: inline; font-weight: 400;}
    .contact-actions .whatsapp-ribbon { display: none !important; }
    .contact-actions .phone-float {display: flex; right: 0; bottom: 0; width: 50%; height: 40px; border-radius: 0; justify-content: center; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.10); position: fixed; background: #2E55AF; color: #fff; fill: #fff; align-items: center;}
    .contact-actions .phone-float svg {width: 27px; height: 27px; margin-right: 10px;}
    .contact-actions .phone-float span {display: inline; font-weight: 400;}
}

/* Asya Villaları proje detay galeri - özgün stil */
.proje-galeri .asyaGalleryMain {
    --swiper-navigation-color: #ffffff;
    width: 100% !important;
}

.proje-galeri .asyaGalleryMain .swiper-wrapper {
    width: 100% !important;
}

.proje-galeri .asyaGalleryMain .swiper-slide {
    display: flex;
    align-items: center;
    width: 100% !important;
}
.proje-galeri .asyaGalleryMain .swiper-slide a { display: block; width: 100%;}
.proje-galeri .asyaGalleryMain .swiper-slide img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 520px !important;
    object-fit: cover;
    border-radius: 14px;
}

.proje-galeri .asyaGalleryThumbs {
    margin-top: 14px;
}

.proje-galeri .asyaGalleryThumbs .swiper-slide {
    height: 150px;
    opacity: 0.55;
    cursor: pointer;
    transition: opacity .2s ease, transform .2s ease;
}

.proje-galeri .asyaGalleryThumbs .swiper-slide-thumb-active {
    opacity: 1;
    transform: translateY(-2px);
}

.proje-galeri .asyaGalleryThumbs .swiper-slide img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px;
}

@media only screen and (max-width: 992px){
    .proje-galeri .asyaGalleryMain .swiper-slide img {
        height: 420px !important;
    }

    .proje-galeri .asyaGalleryThumbs .swiper-slide {
        height: 80px;
    }
}

@media only screen and (max-width: 576px){
    .proje-galeri .asyaGalleryMain .swiper-slide img {
        height: 320px !important;
    }

    .proje-galeri .asyaGalleryThumbs .swiper-slide {
        height: 70px;
    }
}

@media only screen and (max-width: 350px){
    header .header-top .brand-logo {width: 210px;}
    header .header-top .brand-logo img {max-width: 100%;}
}

/* Animations */
.rotate-center {
	-webkit-animation: rotate-center 3s linear infinite both;
    animation: rotate-center 3s linear infinite both;
}

@-webkit-keyframes rotate-center {
    0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    }
    100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    }
    }
    @keyframes rotate-center {
    0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    }
    100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    }
}

/* RESPONSIVE END */