:root {
    --primary-color: rgb(0, 0, 0);
    --secondary-color: #fff;
    --text-color: #667282;
    --accent-color: #de7e3c;
    --white-color: #ffffff;
    --divider-color: #de7e3c30;
    --dark-divider-color: #ffffff20;
    --overlay-color: #00000066;
    --error-color: rgb(230, 87, 87);
    --default-font: "Roboto", sans-serif;
    --accent-font: "Roboto", sans-serif;
}
body {
    font-family: var(--default-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    color: var(--text-color);
    background-color: var(--white-color);
}
p {
    line-height: 1.6em;
    margin-bottom: 1.4em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: var(--accent-font);
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1.3em;
}
figure {
    margin: 0;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    outline: 0;
}
a:focus {
    text-decoration: none;
    outline: 0;
}
html,
body {
    width: 100%;
    overflow-x: clip;
}
.container {
    max-width: 1300px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}
.image-anime {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}
.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 136, 0, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.image-anime:hover {
    /* Buraya neon parıltı eklenir */
    box-shadow: 0 0 10px rgb(255, 115, 0),  /* Daha yumuşak iç parıltı */
                0 0 20px rgb(255, 153, 0),  /* Orta parıltı */
                0 0 40px rgba(255, 153, 0, 0.521);  /* Dışa doğru daha yoğun parıltı */
    /* VEYA güçlü bir parıltı için: */
    /* box-shadow: 0 0 50px rgba(0, 255, 0, 0.8); */
    
    border-color: rgb(255, 166, 0); /* Kenarlık rengini de değiştirerek etkiyi artırabilirsiniz */
}
.image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: #fff0;
}
.reveal {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}
.reveal img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row > * {
    padding-right: 15px;
    padding-left: 15px;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > * {
    padding-right: 0;
    padding-left: 0;
}
.btn-default {
    display: inline-block;
    font-family: var(--accent-font);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3em;
    text-transform: capitalize;
    color: var(--white-color);
    background: var(--accent-color);
    border-radius: 12px;
    padding: 20px 60px 20px 30px;
    border: none;
    transition: 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btn-default:hover {
    background: #fff0;
}
.btn-default::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    background-image: url(../images/arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    transform: translate(-30px, -50%);
    transition: 0.4s ease-in-out;
}
.btn-default::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 106%;
    background: var(--primary-color);
    border-radius: 12px;
    transition: 0.4s ease-in-out;
    z-index: -1;
}
.btn-default:hover:before {
    transform: translate(-27px, -50%);
}
.btn-default:hover::after {
    width: 106%;
}
.btn-default.btn-highlighted {
    background-color: #fff0;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    padding: 19px 60px 19px 30px;
}
.btn-default.btn-highlighted:hover {
    border-color: var(--accent-color);
}
.btn-default.btn-highlighted::after {
    background-color: var(--accent-color);
}
.btn-large {
    font-size: 20px;
    padding: 20px 65px 20px 30px;
}
#magic-cursor {
    position: absolute;
    width: 10px !important;
    height: 10px !important;
    pointer-events: none;
    z-index: 1000000;
}
#ball {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    width: 8px !important;
    height: 8px !important;
    background: var(--accent-color);
    margin: 0;
    border-radius: 50%;
    pointer-events: none;
    opacity: 1 !important;
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}
.loading-container {
    margin: 40px auto;
}
.loading {
    border: 1px solid #fff0;
    border-color: #fff0 var(--white-color) #fff0 var(--white-color);
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
.loading-container:hover .loading,
.loading-container .loading {
    transition: all 0.5s ease-in-out;
}
#loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 66px;
    transform: translate(-50%, -50%);
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.light-bg-section {
    margin: 0 25px;
}
.section-row {
    margin-bottom: 60px;
}
.section-row .section-title {
    text-align: center;
    margin-bottom: 0;
}
.section-row .section-title p {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    margin-top: 30px;
}
.section-btn {
    line-height: 0.8em;
}
.section-title {
    margin-bottom: 40px;
}
.section-title h1 {
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    cursor: none;
}
.section-title h2 {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    cursor: none;
}
.section-title h3 {
    color: var(--accent-color);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.section-title p {
    margin-top: 30px;
    margin-bottom: 0;
}
.section-title-content {
    margin-top: 30px;
}
.section-title-content p {
    margin: 0;
}
.help-block.with-errors ul {
    margin: 0;
    text-align: left;
}
.help-block.with-errors ul li {
    color: var(--error-color);
    font-weight: 500;
    font-size: 14px;
}
header.main-header {
    background-color: #fff0;
    border-bottom: 1px solid var(--dark-divider-color);
    position: relative;
    z-index: 100;
}
    header.main-header .header-sticky {
        position: relative;
        top: 0;
        z-index: 100;

        /* YENİ EKLENEN/GÜNCELLENEN KOD */
        /* ------------------------------------ */
        
        /* 1. Koyu ve Hafif Şeffaf Arka Plan */
        background: rgba(0, 0, 0, 0.7); /* %70 Opaklıkta Koyu Siyah */
        
        /* 2. Kenarları Yuvarlama (Header'ın kendisi yuvarlaksa) */
        /* Eğer header'ın tamamı yuvarlak değilse (genellikle olmaz), bu kuralı kaldırabilirsiniz.
        Ancak bozulmaması için buraya ekliyorum. */
        border-radius: 40px 40px 0 0; /* Mevcut köşe yuvarlama değerinizi buraya girin */
        
        /* 3. İsteğe Bağlı: Cam/Bulanıklık Efekti (Şıklık katar) */
        /* Bu kural, altındaki içerik kayarken arka planı hafifçe bulanıklaştırır. */
        backdrop-filter: blur(5px); 
        
        /* 4. İsteğe Bağlı: Hafif Gölgelendirme (Daha belirgin hale getirir) */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); 
        /* ------------------------------------ */
    }

/* Mobil cihazlar için medya sorgusu */
@media (max-width: 768px) { /* Genellikle 768px tablet ve mobil cihazlar için bir kırılma noktasıdır, ihtiyacına göre değiştirebilirsin */
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
    }
    header.main-header .header-sticky {
        border-radius: 0; /* Mobil cihazlarda border-radius'u sıfırla */
    }
}

header.main-header .header-sticky.hide {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    border-radius: 0;
}
header.main-header .header-sticky.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    transform: translateY(0);
    background: var(--primary-color);
    border-bottom: 1px solid var(--divider-color);
    backdrop-filter: blur(30px);
}
.navbar {
    padding: 20px 80px;
    align-items: center;
    position: relative;
}
.navbar-brand {
    padding: 0;
    margin: 0;
    width: 300px;
}
.main-menu .nav-menu-wrapper {
    flex: 1;
    text-align: center;
}
.main-menu .nav-menu-wrapper > ul {
    align-items: center;
    display: inline-flex;
}
.main-menu ul li {
    margin: 0 5px;
    position: relative;
}
.main-menu ul li a {
    font-family: var(--accent-font);
    font-size: 18px;
    font-weight: 500;
    padding: 15px 15px !important;
    color: var(--white-color);
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}
.main-menu ul li.submenu > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 14px;
    margin-left: 8px;
}
.main-menu ul li a:hover,
.main-menu ul li a:focus {
    color: var(--accent-color);
}
.main-menu ul ul {
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: top;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 280px;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    background-color: var(--accent-color);
    transition: all 0.3s ease-in-out;
    text-align: left;
}
.main-menu ul ul ul {
    left: 100%;
    top: 0;
    text-align: left;
}
.main-menu ul ul li {
    margin: 0;
    padding: 0;
}
.main-menu ul ul li a {
    color: var(--white-color);
    padding: 8px 20px !important;
    transition: all 0.3s ease-in-out;
}
.main-menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    padding: 5px 0;
}
.main-menu ul ul li a:hover {
    color: var(--primary-color);
    background-color: #fff0;
    padding: 8px 20px 8px 23px !important;
}
.header-btn .btn-default {
    padding: 20px 30px;
}
.header-btn .btn-default:hover {
    color: var(--primary-color);
}
.header-btn .btn-default::before {
    display: none;
}
.header-btn .btn-default::after {
    background: var(--white-color);
}
/* Header custom-btn stilleri */
.header-btn .custom-btn {
    height: 56px;
    font-size: 16px;
}
.header-btn .custom-btn .btn-left {
    width: 56px;
}
.header-btn .custom-btn .btn-left img {
    width: 28px;
    filter: brightness(0) invert(1);
}
.header-btn .custom-btn span {
    padding: 0 20px;
    font-weight: 500;
}
.main-menu ul li.highlighted-menu {
    display: none;
}
.responsive-menu,
.navbar-toggle {
    display: none;
}
.responsive-menu {
    top: 0;
    position: relative;
}
.slicknav_btn {
    background: var(--accent-color);
    padding: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3);
    position: relative;
    cursor: pointer;
}
.slicknav_btn:hover {
    background: #ff8a00;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.5);
    transform: scale(1.05);
}
.slicknav_icon {
    position: relative;
    width: 24px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.slicknav_icon .slicknav_icon-bar {
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--white-color);
    border-radius: 2px;
    margin: 0 !important;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}
.slicknav_icon .slicknav_icon-bar:first-child {
    margin-top: 0 !important;
}
.slicknav_icon .slicknav_icon-bar:last-child {
    margin-bottom: 0 !important;
}
.slicknav_btn.slicknav_open {
    background: var(--accent-color);
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 5px);
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
    opacity: 0;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -5px);
}
.navbar-toggle a.slicknav_btn.slicknav_open {
    background: var(--accent-color);
}
.slicknav_menu {
    position: absolute;
    width: 100%;
    padding: 0;
    background: var(--accent-color);
}
.slicknav_menu ul {
    margin: 5px 0;
}
.slicknav_menu ul ul {
    margin: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav li a {
    position: relative;
    font-family: var(--accent-font);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 20px;
    color: var(--white-color);
    line-height: normal;
    margin: 0;
    border-radius: 0 !important;
    transition: all 0.3s ease-in-out;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    background-color: #fff0;
    color: var(--primary-color);
}
.slicknav_menu ul ul li a {
    padding: 10px 20px 10px 30px;
}
.slicknav_arrow {
    font-size: 0 !important;
}
.slicknav_arrow:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    margin-left: 8px;
    color: var(--white-color);
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.3s ease-out;
}
.slicknav_open > a .slicknav_arrow:after {
    transform: rotate(-180deg);
    color: var(--primary-color);
}
.hero.bg-section {
    margin: 0 40px;
    overflow: hidden;
    border-radius: 40px;
    background: url(../images/hero-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 300px 0 200px;
    position: relative;
    margin-top: -103px;
}
.hero.bg-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--overlay-color);
    z-index: 1;
}
.hero.bg-section.hero-slider {
    text-align: center;
    background: none;
    padding: 0;
    
}
.hero-slider-layout .hero-slide {
    position: relative;
    padding: 300px 0 200px;
}
.hero.hero-slider:before {
    display: none;
}
.hero.hero-slider .hero-slider-layout {
    position: relative;
    z-index: 2;
}
.hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero.hero-slider .hero-slider-layout .hero-slide .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
}
.hero-slider-layout .swiper-pagination {
    z-index: 2;
    bottom: 100px;
}
.hero-slider-layout .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: var(--white-color);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
}
.hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--accent-color);
}
.hero-video .hero-bg-video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.hero-video .hero-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-video .hero-bg-video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.hero-video .hero-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-content {
    position: relative;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}
.hero-content .section-title h1 {
    color: var(--white-color);
}
.hero-content .section-title p {
    font-size: 22px;
    color: var(--white-color);
}
.hero-content-body .btn-default.btn-highlighted {
    margin-left: 30px;
}
.about-us {
    padding: 100px 0;
}
.about-content {
    margin-left: 95px;
}
.about-content-body {
    margin-bottom: 50px;
}
.about-content-body ul {
    background-color: var(--secondary-color);
    border-radius: 20px;
    padding: 30px;
    margin: 0;
    list-style: none;
}
.about-content-body ul li {
    position: relative;
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 500;
    padding-left: 30px;
    margin-bottom: 15px;
}
.about-content-body ul li:last-child {
    margin-bottom: 0;
}
.about-content-body ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 4px;
    left: 0;
}
.about-content-footer {
    display: flex;
    align-items: center;
}
.about-footer-btn {
    line-height: 0.8em;
}
.about-contact-support {
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.about-contact-support .icon-box {
    margin-right: 20px;
}
.about-contact-support .icon-box img {
    max-width: 40px;
}
.about-support-content {
    width: calc(100% - 60px);
}
.about-support-content p {
    font-family: var(--accent-font);
    font-size: 16px;
    margin-bottom: 5px;
}
.about-support-content h3 {
    font-size: 24px;
}
.our-service {
    background: var(--secondary-color) url(../images/konya-cam-balkon-selcuklu.webp)
        no-repeat;
    background-position: right top;
    background-size: auto;
    padding: 100px 0 70px;
}
.service-item {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    transition: all 0.4s ease-in-out;
}
.service-image {
    overflow: hidden;
    border-radius: 40px;
}
.service-image a {
    position: relative;
    cursor: none;
    display: block;
}
.service-item .service-image a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        #fff0 0%,
        #fff0 13.02%,
        rgb(0 0 0 / 0.51) 42.5%,
        rgb(0 0 0 / 0.63) 70%,
        #000000 100%
    );
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.service-image img {
    width: 100%;
    border-radius: 40px;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
.service-item:hover .service-image img {
    transform: scale(1.1);
}
.service-body {
    position: absolute;
    bottom: 10px;
    right: 40px;
    left: 40px;
    text-align: left;
    z-index: 2;
    transform: translateY(70%);
    transition: all 0.5s ease-in-out;
}
.service-item:hover .service-body {
    transform: translateY(0%);
    bottom: 20px;
}
.service-body-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 20px;
}
.service-content {
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
.service-item:hover .service-content {
    opacity: 1;
}
.service-content p {
    color: var(--white-color);
}
.service-content-footer .readmore-btn {
    position: relative;
    font-family: var(--accent-font);
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--accent-color);
    padding-right: 30px;
    transition: 0.4s ease-in-out;
}
.service-content-footer .readmore-btn:hover {
    color: var(--white-color);
}
.service-content-footer .readmore-btn::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    background-image: url(../images/readmore-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    transition: 0.4s ease-in-out;
}
.service-content-footer .readmore-btn:hover::after {
    filter: brightness(0) invert(1);
    right: -4px;
}
.service-footer-btn {
    text-align: center;
    margin-top: 30px;
}
.project-footer-btn {
    text-align: center;
    margin-top: 30px;
}
.blog-footer-btn {
    text-align: center;
    margin-top: 30px;
}
.blog-footer-btn .custom-btn,
.project-footer-btn .custom-btn,
.service-footer-btn .custom-btn {
    display: inline-flex;
    margin: 0 auto;
}
.why-choose-us {
    padding: 100px 0 70px;
}

/* Yeni Kart Tasarımı - Glassy Effect */
.why-choose-us .row {
    margin-left: -12px;
    margin-right: -12px;
}

.why-choose-us .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

.why-choose-us .row > [class*="col-"]:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.why-choose-card {
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 140, 0, 0.25);
    border-radius: 12px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.35s ease;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* Glassy overlay effect */
.why-choose-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(45deg, #ff8a00, #ff4500);
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: 0.35s ease;
    z-index: 1;
}

.why-choose-card:hover {
    background: rgba(0, 0, 0, 0.7);
    border-color: rgba(255, 140, 0, 0.75);
    box-shadow: 0 0 18px rgba(255, 140, 0, 0.4);
    transform: translateY(-5px);
    height: 400px;
    min-height: 400px;
    max-height: 400px;
}

.why-choose-card:hover::before {
    opacity: 1;
}

/* Kart Resim Alanı */
.card-image {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 150px;
    min-height: 150px;
    margin-top: 16px;
    margin-bottom: 0;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: opacity 0.3s ease;
    flex: 1;
    padding: 8px;
    box-sizing: border-box;
}

.card-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    filter: brightness(0.9);
}

/* Hover olunca resimler gizlensin */
.why-choose-card:hover .card-image {
    opacity: 0;
    height: 0;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

/* Logo ve Başlık Wrapper */
.card-header-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

/* Logo Kutusu */
.card-logo-box {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.card-logo-box img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* Tüm logo kutuları turuncu tonlarında */
.card-logo-purple,
.card-logo-blue,
.card-logo-yellow,
.card-logo-green,
.card-logo-orange,
.card-logo-red {
    background: linear-gradient(135deg, rgba(255, 140, 0, 0.8), rgba(255, 100, 0, 0.9));
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3);
}

.card-logo-purple:hover,
.card-logo-blue:hover,
.card-logo-yellow:hover,
.card-logo-green:hover,
.card-logo-orange:hover,
.card-logo-red:hover {
    background: linear-gradient(135deg, rgba(255, 140, 0, 1), rgba(255, 100, 0, 1));
    box-shadow: 0 4px 20px rgba(255, 140, 0, 0.5);
}

/* Tarih */
.card-date {
    font-size: 12px;
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-weight: 500;
    transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
}

.why-choose-card:hover .card-date {
    opacity: 1;
    height: auto;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.9);
}

/* Badge */
.card-badge {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
}

.why-choose-card:hover .card-badge {
    opacity: 1;
    height: auto;
    margin-bottom: 16px;
}

/* Tüm badge'ler turuncu/siyah tonlarında */
.card-badge-winner {
    background: rgba(255, 140, 0, 0.2);
    color: #FF8C00;
    border: 1px solid rgba(255, 140, 0, 0.4);
    transition: all 0.3s ease;
}

.card-badge-gold {
    background: rgba(255, 165, 0, 0.25);
    color: #FFA500;
    border: 1px solid rgba(255, 165, 0, 0.4);
    transition: all 0.3s ease;
}

.card-badge-silver {
    background: rgba(255, 140, 0, 0.15);
    color: rgba(255, 200, 100, 0.9);
    border: 1px solid rgba(255, 140, 0, 0.3);
    transition: all 0.3s ease;
}

.card-badge-asia {
    background: rgba(255, 120, 0, 0.2);
    color: #FF7800;
    border: 1px solid rgba(255, 120, 0, 0.4);
    transition: all 0.3s ease;
}

.card-badge-runner {
    background: rgba(255, 100, 0, 0.2);
    color: #FF6400;
    border: 1px solid rgba(255, 100, 0, 0.4);
    transition: all 0.3s ease;
}

.why-choose-card:hover .card-badge-winner {
    background: rgba(255, 140, 0, 0.35);
    color: #FFA500;
    border-color: rgba(255, 140, 0, 0.6);
}

.why-choose-card:hover .card-badge-gold {
    background: rgba(255, 165, 0, 0.4);
    color: #FFB84D;
    border-color: rgba(255, 165, 0, 0.6);
}

.why-choose-card:hover .card-badge-silver {
    background: rgba(255, 140, 0, 0.25);
    color: rgba(255, 220, 120, 1);
    border-color: rgba(255, 140, 0, 0.5);
}

.why-choose-card:hover .card-badge-asia {
    background: rgba(255, 120, 0, 0.35);
    color: #FF9933;
    border-color: rgba(255, 120, 0, 0.6);
}

.why-choose-card:hover .card-badge-runner {
    background: rgba(255, 100, 0, 0.35);
    color: #FF7A33;
    border-color: rgba(255, 100, 0, 0.6);
}

/* Başlık */
.card-title {
    font-size: 20px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
    flex: 1;
}

.why-choose-card:hover .card-title {
    color: #fff;
}

/* Açıklama */
.card-description {
    font-size: 14px;
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    line-height: 1.7;
    position: relative;
    z-index: 2;
    transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease, color 0.3s ease;
}

.why-choose-card:hover .card-description {
    opacity: 1;
    height: 150px;
    max-height: 150px;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.95);
    overflow-y: auto;
}

/* Konum */
.card-location {
    font-size: 12px;
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-weight: 500;
    transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease, color 0.3s ease;
}

.why-choose-card:hover .card-location {
    opacity: 1;
    height: auto;
    color: rgba(255, 255, 255, 0.9);
}

/* Grafik stilleri kaldırıldı - Resim alanı için hazır */
.card-graphic,
.card-graphic-1,
.card-graphic-2,
.card-graphic-3,
.card-graphic-4,
.card-graphic-5,
.card-graphic-6,
.card-graphic-1::before,
.card-graphic-1::after,
.card-graphic-2::before,
.card-graphic-2::after,
.card-graphic-3::before,
.card-graphic-3::after,
.card-graphic-4::before,
.card-graphic-4::after,
.card-graphic-5::before,
.card-graphic-5::after,
.card-graphic-6::before,
.card-graphic-6::after {
    display: none !important;
}

/* Eski grafik stilleri kaldırıldı - aşağıdaki satırlar yorum satırı olarak bırakıldı
.card-graphic-1::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 8deg,
            rgba(255, 140, 0, 0.6) 9deg,
            rgba(255, 100, 0, 0.65) 10deg,
            transparent 11deg,
            transparent 16deg,
            rgba(255, 140, 0, 0.63) 17deg,
            rgba(255, 100, 0, 0.68) 18deg,
            transparent 19deg,
            transparent 24deg,
            rgba(255, 140, 0, 0.62) 25deg,
            rgba(255, 100, 0, 0.67) 26deg,
            transparent 27deg,
            transparent 32deg,
            rgba(255, 140, 0, 0.64) 33deg,
            rgba(255, 100, 0, 0.69) 34deg,
            transparent 35deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.88) 41deg,
            rgba(255, 100, 0, 0.68) 42deg,
            transparent 43deg,
            transparent 48deg,
            rgba(255, 140, 0, 0.61) 49deg,
            rgba(255, 100, 0, 0.66) 51deg,
            transparent 52deg,
            transparent 56deg,
            rgba(255, 140, 0, 0.84) 57deg,
            rgba(255, 140, 0, 0.88) 58deg,
            transparent 59deg,
            transparent 64deg,
            rgba(255, 120, 0, 0.83) 65deg,
            rgba(255, 120, 0, 0.87) 66deg,
            transparent 67deg,
            transparent 72deg,
            rgba(255, 120, 0, 0.82) 73deg,
            rgba(255, 100, 0, 0.86) 74deg,
            transparent 75deg,
            transparent 80deg,
            rgba(255, 140, 0, 0.81) 81deg,
            rgba(255, 140, 0, 0.85) 82deg,
            transparent 83deg,
            transparent 88deg,
            rgba(255, 140, 0, 0.8) 89deg,
            rgba(255, 140, 0, 0.84) 90deg,
            transparent 91deg,
            transparent 96deg,
            rgba(255, 120, 0, 0.79) 97deg,
            rgba(255, 120, 0, 0.83) 98deg,
            transparent 99deg,
            transparent 104deg,
            rgba(255, 120, 0, 0.78) 105deg,
            rgba(255, 100, 0, 0.82) 106deg,
            transparent 107deg,
            transparent 112deg,
            rgba(255, 140, 0, 0.77) 113deg,
            rgba(255, 140, 0, 0.81) 114deg,
            transparent 115deg,
            transparent 120deg,
            rgba(255, 140, 0, 0.76) 121deg,
            rgba(255, 140, 0, 0.8) 122deg,
            transparent 123deg,
            transparent 128deg,
            rgba(255, 120, 0, 0.75) 129deg,
            rgba(255, 120, 0, 0.79) 130deg,
            transparent 131deg,
            transparent 136deg,
            rgba(255, 120, 0, 0.74) 137deg,
            rgba(255, 100, 0, 0.78) 138deg,
            transparent 139deg,
            transparent 144deg,
            rgba(255, 140, 0, 0.73) 145deg,
            rgba(255, 140, 0, 0.77) 146deg,
            transparent 147deg,
            transparent 152deg,
            rgba(255, 140, 0, 0.72) 153deg,
            rgba(255, 140, 0, 0.76) 154deg,
            transparent 155deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.71) 161deg,
            rgba(255, 120, 0, 0.75) 162deg,
            transparent 163deg,
            transparent 168deg,
            rgba(255, 120, 0, 0.7) 169deg,
            rgba(255, 100, 0, 0.74) 170deg,
            transparent 171deg,
            transparent 176deg,
            rgba(255, 140, 0, 0.69) 177deg,
            rgba(255, 140, 0, 0.73) 178deg,
            transparent 179deg,
            transparent 184deg,
            rgba(255, 140, 0, 0.68) 185deg,
            rgba(255, 140, 0, 0.72) 186deg,
            transparent 187deg,
            transparent 192deg,
            rgba(255, 120, 0, 0.67) 193deg,
            rgba(255, 120, 0, 0.71) 194deg,
            transparent 195deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.66) 201deg,
            rgba(255, 100, 0, 0.7) 202deg,
            transparent 203deg,
            transparent 208deg,
            rgba(255, 140, 0, 0.65) 209deg,
            rgba(255, 140, 0, 0.69) 210deg,
            transparent 211deg,
            transparent 216deg,
            rgba(255, 140, 0, 0.64) 217deg,
            rgba(255, 140, 0, 0.68) 218deg,
            transparent 219deg,
            transparent 224deg,
            rgba(255, 120, 0, 0.63) 225deg,
            rgba(255, 120, 0, 0.67) 226deg,
            transparent 227deg,
            transparent 232deg,
            rgba(255, 120, 0, 0.62) 233deg,
            rgba(255, 100, 0, 0.66) 234deg,
            transparent 235deg,
            transparent 240deg,
            rgba(255, 140, 0, 0.61) 241deg,
            rgba(255, 140, 0, 0.65) 242deg,
            transparent 243deg,
            transparent 248deg,
            rgba(255, 140, 0, 0.6) 249deg,
            rgba(255, 140, 0, 0.64) 250deg,
            transparent 251deg,
            transparent 256deg,
            rgba(255, 120, 0, 0.59) 257deg,
            rgba(255, 120, 0, 0.63) 258deg,
            transparent 259deg,
            transparent 264deg,
            rgba(255, 120, 0, 0.58) 265deg,
            rgba(255, 100, 0, 0.62) 266deg,
            transparent 267deg,
            transparent 272deg,
            rgba(255, 140, 0, 0.57) 273deg,
            rgba(255, 140, 0, 0.61) 274deg,
            transparent 275deg,
            transparent 280deg,
            rgba(255, 140, 0, 0.56) 281deg,
            rgba(255, 140, 0, 0.6) 282deg,
            transparent 283deg,
            transparent 288deg,
            rgba(255, 120, 0, 0.55) 289deg,
            rgba(255, 120, 0, 0.59) 290deg,
            transparent 291deg,
            transparent 296deg,
            rgba(255, 120, 0, 0.54) 297deg,
            rgba(255, 100, 0, 0.58) 298deg,
            transparent 299deg,
            transparent 304deg,
            rgba(255, 140, 0, 0.53) 305deg,
            rgba(255, 140, 0, 0.57) 306deg,
            transparent 307deg,
            transparent 312deg,
            rgba(255, 140, 0, 0.52) 313deg,
            rgba(255, 140, 0, 0.56) 314deg,
            transparent 315deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.51) 321deg,
            rgba(255, 120, 0, 0.55) 322deg,
            transparent 323deg,
            transparent 328deg,
            rgba(255, 120, 0, 0.5) 329deg,
            rgba(255, 100, 0, 0.54) 330deg,
            transparent 331deg,
            transparent 336deg,
            rgba(255, 140, 0, 0.49) 337deg,
            rgba(255, 140, 0, 0.53) 338deg,
            transparent 339deg,
            transparent 344deg,
            rgba(255, 140, 0, 0.48) 345deg,
            rgba(255, 140, 0, 0.52) 346deg,
            transparent 347deg,
            transparent 352deg,
            rgba(255, 120, 0, 0.47) 353deg,
            rgba(255, 120, 0, 0.51) 354deg,
            transparent 355deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-1::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.55) 1deg,
            rgba(255, 100, 0, 0.6) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.53) 11deg,
            rgba(255, 100, 0, 0.58) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.66) 21deg,
            rgba(255, 120, 0, 0.7) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 120, 0, 0.64) 31deg,
            rgba(255, 140, 0, 0.68) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 120, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.66) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 140, 0, 0.64) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.58) 61deg,
            rgba(255, 140, 0, 0.62) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.56) 71deg,
            rgba(255, 120, 0, 0.6) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.54) 81deg,
            rgba(255, 100, 0, 0.58) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.52) 91deg,
            rgba(255, 140, 0, 0.56) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.5) 101deg,
            rgba(255, 140, 0, 0.54) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.48) 111deg,
            rgba(255, 120, 0, 0.52) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.46) 121deg,
            rgba(255, 100, 0, 0.5) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.44) 131deg,
            rgba(255, 140, 0, 0.48) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.42) 141deg,
            rgba(255, 140, 0, 0.46) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.4) 151deg,
            rgba(255, 120, 0, 0.44) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.38) 161deg,
            rgba(255, 100, 0, 0.42) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.36) 171deg,
            rgba(255, 140, 0, 0.4) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.34) 181deg,
            rgba(255, 140, 0, 0.38) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.32) 191deg,
            rgba(255, 120, 0, 0.36) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.3) 201deg,
            rgba(255, 100, 0, 0.34) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.28) 211deg,
            rgba(255, 140, 0, 0.32) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.26) 221deg,
            rgba(255, 140, 0, 0.3) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.24) 231deg,
            rgba(255, 120, 0, 0.28) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.22) 241deg,
            rgba(255, 100, 0, 0.26) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.2) 251deg,
            rgba(255, 140, 0, 0.24) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.18) 261deg,
            rgba(255, 140, 0, 0.22) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.16) 271deg,
            rgba(255, 120, 0, 0.2) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.14) 281deg,
            rgba(255, 100, 0, 0.18) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.12) 291deg,
            rgba(255, 140, 0, 0.16) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.1) 301deg,
            rgba(255, 140, 0, 0.14) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.08) 311deg,
            rgba(255, 120, 0, 0.12) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.06) 321deg,
            rgba(255, 100, 0, 0.1) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.04) 331deg,
            rgba(255, 140, 0, 0.08) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.02) 341deg,
            rgba(255, 140, 0, 0.06) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.01) 351deg,
            rgba(255, 120, 0, 0.04) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Grafik 2 - Yuvarlak Çizen, Sağa Dönen Turuncu Çizgiler */
.card-graphic-2 {
    background: none;
    overflow: visible;
}

.card-graphic-2::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.6) 11deg,
            rgba(255, 100, 0, 0.65) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.63) 21deg,
            rgba(255, 100, 0, 0.68) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 140, 0, 0.61) 31deg,
            rgba(255, 100, 0, 0.66) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.67) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 100, 0, 0.65) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.59) 61deg,
            rgba(255, 100, 0, 0.64) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 140, 0, 0.82) 71deg,
            rgba(255, 140, 0, 0.86) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.81) 81deg,
            rgba(255, 120, 0, 0.85) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 120, 0, 0.8) 91deg,
            rgba(255, 100, 0, 0.84) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.79) 101deg,
            rgba(255, 140, 0, 0.83) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 140, 0, 0.78) 111deg,
            rgba(255, 140, 0, 0.82) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.77) 121deg,
            rgba(255, 120, 0, 0.81) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 120, 0, 0.76) 131deg,
            rgba(255, 100, 0, 0.8) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.75) 141deg,
            rgba(255, 140, 0, 0.79) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 140, 0, 0.74) 151deg,
            rgba(255, 140, 0, 0.78) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.73) 161deg,
            rgba(255, 120, 0, 0.77) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 120, 0, 0.72) 171deg,
            rgba(255, 100, 0, 0.76) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.71) 181deg,
            rgba(255, 140, 0, 0.75) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 140, 0, 0.7) 191deg,
            rgba(255, 140, 0, 0.74) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.69) 201deg,
            rgba(255, 120, 0, 0.73) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 120, 0, 0.68) 211deg,
            rgba(255, 100, 0, 0.72) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.67) 221deg,
            rgba(255, 140, 0, 0.71) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 140, 0, 0.66) 231deg,
            rgba(255, 140, 0, 0.7) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.65) 241deg,
            rgba(255, 120, 0, 0.69) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 120, 0, 0.64) 251deg,
            rgba(255, 100, 0, 0.68) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.63) 261deg,
            rgba(255, 140, 0, 0.67) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 140, 0, 0.62) 271deg,
            rgba(255, 140, 0, 0.66) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.61) 281deg,
            rgba(255, 120, 0, 0.65) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 120, 0, 0.6) 291deg,
            rgba(255, 100, 0, 0.64) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.59) 301deg,
            rgba(255, 140, 0, 0.63) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 140, 0, 0.58) 311deg,
            rgba(255, 140, 0, 0.62) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.57) 321deg,
            rgba(255, 120, 0, 0.61) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 120, 0, 0.56) 331deg,
            rgba(255, 100, 0, 0.6) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.55) 341deg,
            rgba(255, 140, 0, 0.59) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 140, 0, 0.54) 351deg,
            rgba(255, 140, 0, 0.58) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-2::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 120, 0, 0.68) 1deg,
            rgba(255, 120, 0, 0.73) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 120, 0, 0.66) 11deg,
            rgba(255, 140, 0, 0.7) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 100, 0, 0.64) 21deg,
            rgba(255, 100, 0, 0.68) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 140, 0, 0.62) 31deg,
            rgba(255, 120, 0, 0.66) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.6) 41deg,
            rgba(255, 120, 0, 0.64) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 120, 0, 0.58) 51deg,
            rgba(255, 120, 0, 0.62) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.56) 61deg,
            rgba(255, 140, 0, 0.6) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 140, 0, 0.54) 71deg,
            rgba(255, 120, 0, 0.58) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.52) 81deg,
            rgba(255, 100, 0, 0.56) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.5) 91deg,
            rgba(255, 140, 0, 0.54) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.48) 101deg,
            rgba(255, 140, 0, 0.52) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.46) 111deg,
            rgba(255, 120, 0, 0.5) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.44) 121deg,
            rgba(255, 100, 0, 0.48) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.42) 131deg,
            rgba(255, 140, 0, 0.46) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.4) 141deg,
            rgba(255, 140, 0, 0.44) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.38) 151deg,
            rgba(255, 120, 0, 0.42) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.36) 161deg,
            rgba(255, 100, 0, 0.4) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.34) 171deg,
            rgba(255, 140, 0, 0.38) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.32) 181deg,
            rgba(255, 140, 0, 0.36) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.3) 191deg,
            rgba(255, 120, 0, 0.34) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.28) 201deg,
            rgba(255, 100, 0, 0.32) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.26) 211deg,
            rgba(255, 140, 0, 0.3) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.24) 221deg,
            rgba(255, 140, 0, 0.28) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.22) 231deg,
            rgba(255, 120, 0, 0.26) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.2) 241deg,
            rgba(255, 100, 0, 0.24) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.18) 251deg,
            rgba(255, 140, 0, 0.22) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.16) 261deg,
            rgba(255, 140, 0, 0.2) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.14) 271deg,
            rgba(255, 120, 0, 0.18) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.12) 281deg,
            rgba(255, 100, 0, 0.16) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.1) 291deg,
            rgba(255, 140, 0, 0.14) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.08) 301deg,
            rgba(255, 140, 0, 0.12) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.06) 311deg,
            rgba(255, 120, 0, 0.1) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.04) 321deg,
            rgba(255, 100, 0, 0.08) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.02) 331deg,
            rgba(255, 140, 0, 0.06) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.01) 341deg,
            rgba(255, 140, 0, 0.04) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.005) 351deg,
            rgba(255, 120, 0, 0.02) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Grafik 3 - Footer Benzeri Büyük Parçacık Efekti (Sağda) */
.card-graphic-3 {
    background: none;
    overflow: visible;
}

.card-graphic-3::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 8deg,
            rgba(255, 140, 0, 0.6) 9deg,
            rgba(255, 100, 0, 0.65) 10deg,
            transparent 11deg,
            transparent 16deg,
            rgba(255, 140, 0, 0.63) 17deg,
            rgba(255, 100, 0, 0.68) 18deg,
            transparent 19deg,
            transparent 24deg,
            rgba(255, 140, 0, 0.62) 25deg,
            rgba(255, 100, 0, 0.67) 26deg,
            transparent 27deg,
            transparent 32deg,
            rgba(255, 140, 0, 0.64) 33deg,
            rgba(255, 100, 0, 0.69) 34deg,
            transparent 35deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.88) 41deg,
            rgba(255, 100, 0, 0.68) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.85) 51deg,
            rgba(255, 140, 0, 0.89) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.84) 61deg,
            rgba(255, 140, 0, 0.88) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.83) 71deg,
            rgba(255, 120, 0, 0.87) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.82) 81deg,
            rgba(255, 100, 0, 0.86) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.81) 91deg,
            rgba(255, 140, 0, 0.85) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.8) 101deg,
            rgba(255, 140, 0, 0.84) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.79) 111deg,
            rgba(255, 120, 0, 0.83) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.78) 121deg,
            rgba(255, 100, 0, 0.82) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.77) 131deg,
            rgba(255, 140, 0, 0.81) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.76) 141deg,
            rgba(255, 140, 0, 0.8) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.75) 151deg,
            rgba(255, 120, 0, 0.79) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.74) 161deg,
            rgba(255, 100, 0, 0.78) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.73) 171deg,
            rgba(255, 140, 0, 0.77) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.72) 181deg,
            rgba(255, 140, 0, 0.76) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.71) 191deg,
            rgba(255, 120, 0, 0.75) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.7) 201deg,
            rgba(255, 100, 0, 0.74) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.69) 211deg,
            rgba(255, 140, 0, 0.73) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.68) 221deg,
            rgba(255, 140, 0, 0.72) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.67) 231deg,
            rgba(255, 120, 0, 0.71) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.66) 241deg,
            rgba(255, 100, 0, 0.7) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.65) 251deg,
            rgba(255, 140, 0, 0.69) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.64) 261deg,
            rgba(255, 140, 0, 0.68) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.63) 271deg,
            rgba(255, 120, 0, 0.67) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.62) 281deg,
            rgba(255, 100, 0, 0.66) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.61) 291deg,
            rgba(255, 140, 0, 0.65) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.6) 301deg,
            rgba(255, 140, 0, 0.64) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.59) 311deg,
            rgba(255, 120, 0, 0.63) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.58) 321deg,
            rgba(255, 100, 0, 0.62) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.57) 331deg,
            rgba(255, 140, 0, 0.61) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.56) 341deg,
            rgba(255, 140, 0, 0.6) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.55) 351deg,
            rgba(255, 120, 0, 0.59) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-3::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.55) 1deg,
            rgba(255, 100, 0, 0.6) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.53) 11deg,
            rgba(255, 100, 0, 0.58) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.66) 21deg,
            rgba(255, 120, 0, 0.7) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 120, 0, 0.64) 31deg,
            rgba(255, 140, 0, 0.68) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 120, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.66) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 140, 0, 0.64) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.58) 61deg,
            rgba(255, 140, 0, 0.62) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.56) 71deg,
            rgba(255, 120, 0, 0.6) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.54) 81deg,
            rgba(255, 100, 0, 0.58) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.52) 91deg,
            rgba(255, 140, 0, 0.56) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.5) 101deg,
            rgba(255, 140, 0, 0.54) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.48) 111deg,
            rgba(255, 120, 0, 0.52) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.46) 121deg,
            rgba(255, 100, 0, 0.5) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.44) 131deg,
            rgba(255, 140, 0, 0.48) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.42) 141deg,
            rgba(255, 140, 0, 0.46) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.4) 151deg,
            rgba(255, 120, 0, 0.44) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.38) 161deg,
            rgba(255, 100, 0, 0.42) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.36) 171deg,
            rgba(255, 140, 0, 0.4) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.34) 181deg,
            rgba(255, 140, 0, 0.38) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.32) 191deg,
            rgba(255, 120, 0, 0.36) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.3) 201deg,
            rgba(255, 100, 0, 0.34) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.28) 211deg,
            rgba(255, 140, 0, 0.32) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.26) 221deg,
            rgba(255, 140, 0, 0.3) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.24) 231deg,
            rgba(255, 120, 0, 0.28) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.22) 241deg,
            rgba(255, 100, 0, 0.26) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.2) 251deg,
            rgba(255, 140, 0, 0.24) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.18) 261deg,
            rgba(255, 140, 0, 0.22) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.16) 271deg,
            rgba(255, 120, 0, 0.2) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.14) 281deg,
            rgba(255, 100, 0, 0.18) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.12) 291deg,
            rgba(255, 140, 0, 0.16) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.1) 301deg,
            rgba(255, 140, 0, 0.14) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.08) 311deg,
            rgba(255, 120, 0, 0.12) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.06) 321deg,
            rgba(255, 100, 0, 0.1) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.04) 331deg,
            rgba(255, 140, 0, 0.08) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.02) 341deg,
            rgba(255, 140, 0, 0.06) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.01) 351deg,
            rgba(255, 120, 0, 0.04) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Grafik 4 - Yuvarlak Çizen, Sağa Dönen Turuncu Çizgiler */
.card-graphic-4 {
    background: none;
    overflow: visible;
}

.card-graphic-4::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 8deg,
            rgba(255, 140, 0, 0.6) 9deg,
            rgba(255, 100, 0, 0.65) 10deg,
            transparent 11deg,
            transparent 16deg,
            rgba(255, 140, 0, 0.63) 17deg,
            rgba(255, 100, 0, 0.68) 18deg,
            transparent 19deg,
            transparent 24deg,
            rgba(255, 140, 0, 0.62) 25deg,
            rgba(255, 100, 0, 0.67) 26deg,
            transparent 27deg,
            transparent 32deg,
            rgba(255, 140, 0, 0.64) 33deg,
            rgba(255, 100, 0, 0.69) 34deg,
            transparent 35deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.88) 41deg,
            rgba(255, 100, 0, 0.68) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.85) 51deg,
            rgba(255, 140, 0, 0.89) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.84) 61deg,
            rgba(255, 140, 0, 0.88) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.83) 71deg,
            rgba(255, 120, 0, 0.87) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.82) 81deg,
            rgba(255, 100, 0, 0.86) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.81) 91deg,
            rgba(255, 140, 0, 0.85) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.8) 101deg,
            rgba(255, 140, 0, 0.84) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.79) 111deg,
            rgba(255, 120, 0, 0.83) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.78) 121deg,
            rgba(255, 100, 0, 0.82) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.77) 131deg,
            rgba(255, 140, 0, 0.81) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.76) 141deg,
            rgba(255, 140, 0, 0.8) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.75) 151deg,
            rgba(255, 120, 0, 0.79) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.74) 161deg,
            rgba(255, 100, 0, 0.78) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.73) 171deg,
            rgba(255, 140, 0, 0.77) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.72) 181deg,
            rgba(255, 140, 0, 0.76) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.71) 191deg,
            rgba(255, 120, 0, 0.75) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.7) 201deg,
            rgba(255, 100, 0, 0.74) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.69) 211deg,
            rgba(255, 140, 0, 0.73) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.68) 221deg,
            rgba(255, 140, 0, 0.72) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.67) 231deg,
            rgba(255, 120, 0, 0.71) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.66) 241deg,
            rgba(255, 100, 0, 0.7) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.65) 251deg,
            rgba(255, 140, 0, 0.69) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.64) 261deg,
            rgba(255, 140, 0, 0.68) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.63) 271deg,
            rgba(255, 120, 0, 0.67) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.62) 281deg,
            rgba(255, 100, 0, 0.66) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.61) 291deg,
            rgba(255, 140, 0, 0.65) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.6) 301deg,
            rgba(255, 140, 0, 0.64) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.59) 311deg,
            rgba(255, 120, 0, 0.63) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.58) 321deg,
            rgba(255, 100, 0, 0.62) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.57) 331deg,
            rgba(255, 140, 0, 0.61) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.56) 341deg,
            rgba(255, 140, 0, 0.6) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.55) 351deg,
            rgba(255, 120, 0, 0.59) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-4::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.55) 1deg,
            rgba(255, 100, 0, 0.6) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.53) 11deg,
            rgba(255, 100, 0, 0.58) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.66) 21deg,
            rgba(255, 120, 0, 0.7) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 120, 0, 0.64) 31deg,
            rgba(255, 140, 0, 0.68) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 120, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.66) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 140, 0, 0.64) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.58) 61deg,
            rgba(255, 140, 0, 0.62) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.56) 71deg,
            rgba(255, 120, 0, 0.6) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.54) 81deg,
            rgba(255, 100, 0, 0.58) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.52) 91deg,
            rgba(255, 140, 0, 0.56) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.5) 101deg,
            rgba(255, 140, 0, 0.54) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.48) 111deg,
            rgba(255, 120, 0, 0.52) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.46) 121deg,
            rgba(255, 100, 0, 0.5) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.44) 131deg,
            rgba(255, 140, 0, 0.48) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.42) 141deg,
            rgba(255, 140, 0, 0.46) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.4) 151deg,
            rgba(255, 120, 0, 0.44) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.38) 161deg,
            rgba(255, 100, 0, 0.42) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.36) 171deg,
            rgba(255, 140, 0, 0.4) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.34) 181deg,
            rgba(255, 140, 0, 0.38) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.32) 191deg,
            rgba(255, 120, 0, 0.36) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.3) 201deg,
            rgba(255, 100, 0, 0.34) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.28) 211deg,
            rgba(255, 140, 0, 0.32) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.26) 221deg,
            rgba(255, 140, 0, 0.3) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.24) 231deg,
            rgba(255, 120, 0, 0.28) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.22) 241deg,
            rgba(255, 100, 0, 0.26) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.2) 251deg,
            rgba(255, 140, 0, 0.24) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.18) 261deg,
            rgba(255, 140, 0, 0.22) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.16) 271deg,
            rgba(255, 120, 0, 0.2) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.14) 281deg,
            rgba(255, 100, 0, 0.18) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.12) 291deg,
            rgba(255, 140, 0, 0.16) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.1) 301deg,
            rgba(255, 140, 0, 0.14) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.08) 311deg,
            rgba(255, 120, 0, 0.12) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.06) 321deg,
            rgba(255, 100, 0, 0.1) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.04) 331deg,
            rgba(255, 140, 0, 0.08) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.02) 341deg,
            rgba(255, 140, 0, 0.06) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.01) 351deg,
            rgba(255, 120, 0, 0.04) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Grafik 5 - Yuvarlak Çizen, Sağa Dönen Turuncu Çizgiler */
.card-graphic-5 {
    background: none;
    overflow: visible;
}

.card-graphic-5::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 8deg,
            rgba(255, 140, 0, 0.6) 9deg,
            rgba(255, 100, 0, 0.65) 10deg,
            transparent 11deg,
            transparent 16deg,
            rgba(255, 140, 0, 0.63) 17deg,
            rgba(255, 100, 0, 0.68) 18deg,
            transparent 19deg,
            transparent 24deg,
            rgba(255, 140, 0, 0.62) 25deg,
            rgba(255, 100, 0, 0.67) 26deg,
            transparent 27deg,
            transparent 32deg,
            rgba(255, 140, 0, 0.64) 33deg,
            rgba(255, 100, 0, 0.69) 34deg,
            transparent 35deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.88) 41deg,
            rgba(255, 100, 0, 0.68) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.85) 51deg,
            rgba(255, 140, 0, 0.89) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.84) 61deg,
            rgba(255, 140, 0, 0.88) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.83) 71deg,
            rgba(255, 120, 0, 0.87) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.82) 81deg,
            rgba(255, 100, 0, 0.86) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.81) 91deg,
            rgba(255, 140, 0, 0.85) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.8) 101deg,
            rgba(255, 140, 0, 0.84) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.79) 111deg,
            rgba(255, 120, 0, 0.83) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.78) 121deg,
            rgba(255, 100, 0, 0.82) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.77) 131deg,
            rgba(255, 140, 0, 0.81) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.76) 141deg,
            rgba(255, 140, 0, 0.8) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.75) 151deg,
            rgba(255, 120, 0, 0.79) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.74) 161deg,
            rgba(255, 100, 0, 0.78) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.73) 171deg,
            rgba(255, 140, 0, 0.77) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.72) 181deg,
            rgba(255, 140, 0, 0.76) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.71) 191deg,
            rgba(255, 120, 0, 0.75) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.7) 201deg,
            rgba(255, 100, 0, 0.74) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.69) 211deg,
            rgba(255, 140, 0, 0.73) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.68) 221deg,
            rgba(255, 140, 0, 0.72) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.67) 231deg,
            rgba(255, 120, 0, 0.71) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.66) 241deg,
            rgba(255, 100, 0, 0.7) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.65) 251deg,
            rgba(255, 140, 0, 0.69) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.64) 261deg,
            rgba(255, 140, 0, 0.68) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.63) 271deg,
            rgba(255, 120, 0, 0.67) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.62) 281deg,
            rgba(255, 100, 0, 0.66) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.61) 291deg,
            rgba(255, 140, 0, 0.65) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.6) 301deg,
            rgba(255, 140, 0, 0.64) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.59) 311deg,
            rgba(255, 120, 0, 0.63) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.58) 321deg,
            rgba(255, 100, 0, 0.62) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.57) 331deg,
            rgba(255, 140, 0, 0.61) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.56) 341deg,
            rgba(255, 140, 0, 0.6) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.55) 351deg,
            rgba(255, 120, 0, 0.59) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-5::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.55) 1deg,
            rgba(255, 100, 0, 0.6) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.53) 11deg,
            rgba(255, 100, 0, 0.58) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.66) 21deg,
            rgba(255, 120, 0, 0.7) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 120, 0, 0.64) 31deg,
            rgba(255, 140, 0, 0.68) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 120, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.66) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 140, 0, 0.64) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.58) 61deg,
            rgba(255, 140, 0, 0.62) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.56) 71deg,
            rgba(255, 120, 0, 0.6) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.54) 81deg,
            rgba(255, 100, 0, 0.58) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.52) 91deg,
            rgba(255, 140, 0, 0.56) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.5) 101deg,
            rgba(255, 140, 0, 0.54) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.48) 111deg,
            rgba(255, 120, 0, 0.52) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.46) 121deg,
            rgba(255, 100, 0, 0.5) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.44) 131deg,
            rgba(255, 140, 0, 0.48) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.42) 141deg,
            rgba(255, 140, 0, 0.46) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.4) 151deg,
            rgba(255, 120, 0, 0.44) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.38) 161deg,
            rgba(255, 100, 0, 0.42) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.36) 171deg,
            rgba(255, 140, 0, 0.4) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.34) 181deg,
            rgba(255, 140, 0, 0.38) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.32) 191deg,
            rgba(255, 120, 0, 0.36) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.3) 201deg,
            rgba(255, 100, 0, 0.34) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.28) 211deg,
            rgba(255, 140, 0, 0.32) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.26) 221deg,
            rgba(255, 140, 0, 0.3) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.24) 231deg,
            rgba(255, 120, 0, 0.28) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.22) 241deg,
            rgba(255, 100, 0, 0.26) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.2) 251deg,
            rgba(255, 140, 0, 0.24) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.18) 261deg,
            rgba(255, 140, 0, 0.22) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.16) 271deg,
            rgba(255, 120, 0, 0.2) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.14) 281deg,
            rgba(255, 100, 0, 0.18) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.12) 291deg,
            rgba(255, 140, 0, 0.16) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.1) 301deg,
            rgba(255, 140, 0, 0.14) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.08) 311deg,
            rgba(255, 120, 0, 0.12) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.06) 321deg,
            rgba(255, 100, 0, 0.1) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.04) 331deg,
            rgba(255, 140, 0, 0.08) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.02) 341deg,
            rgba(255, 140, 0, 0.06) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.01) 351deg,
            rgba(255, 120, 0, 0.04) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Grafik 6 - Yuvarlak Çizen, Sağa Dönen Turuncu Çizgiler */
.card-graphic-6 {
    background: none;
    overflow: visible;
}

.card-graphic-6::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.65) 1deg,
            rgba(255, 100, 0, 0.7) 2deg,
            transparent 3deg,
            transparent 8deg,
            rgba(255, 140, 0, 0.6) 9deg,
            rgba(255, 100, 0, 0.65) 10deg,
            transparent 11deg,
            transparent 16deg,
            rgba(255, 140, 0, 0.63) 17deg,
            rgba(255, 100, 0, 0.68) 18deg,
            transparent 19deg,
            transparent 24deg,
            rgba(255, 140, 0, 0.62) 25deg,
            rgba(255, 100, 0, 0.67) 26deg,
            transparent 27deg,
            transparent 32deg,
            rgba(255, 140, 0, 0.64) 33deg,
            rgba(255, 100, 0, 0.69) 34deg,
            transparent 35deg,
            transparent 40deg,
            rgba(255, 140, 0, 0.88) 41deg,
            rgba(255, 100, 0, 0.68) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.85) 51deg,
            rgba(255, 140, 0, 0.89) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.84) 61deg,
            rgba(255, 140, 0, 0.88) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.83) 71deg,
            rgba(255, 120, 0, 0.87) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.82) 81deg,
            rgba(255, 100, 0, 0.86) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.81) 91deg,
            rgba(255, 140, 0, 0.85) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.8) 101deg,
            rgba(255, 140, 0, 0.84) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.79) 111deg,
            rgba(255, 120, 0, 0.83) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.78) 121deg,
            rgba(255, 100, 0, 0.82) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.77) 131deg,
            rgba(255, 140, 0, 0.81) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.76) 141deg,
            rgba(255, 140, 0, 0.8) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.75) 151deg,
            rgba(255, 120, 0, 0.79) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.74) 161deg,
            rgba(255, 100, 0, 0.78) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.73) 171deg,
            rgba(255, 140, 0, 0.77) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.72) 181deg,
            rgba(255, 140, 0, 0.76) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.71) 191deg,
            rgba(255, 120, 0, 0.75) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.7) 201deg,
            rgba(255, 100, 0, 0.74) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.69) 211deg,
            rgba(255, 140, 0, 0.73) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.68) 221deg,
            rgba(255, 140, 0, 0.72) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.67) 231deg,
            rgba(255, 120, 0, 0.71) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.66) 241deg,
            rgba(255, 100, 0, 0.7) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.65) 251deg,
            rgba(255, 140, 0, 0.69) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.64) 261deg,
            rgba(255, 140, 0, 0.68) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.63) 271deg,
            rgba(255, 120, 0, 0.67) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.62) 281deg,
            rgba(255, 100, 0, 0.66) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.61) 291deg,
            rgba(255, 140, 0, 0.65) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.6) 301deg,
            rgba(255, 140, 0, 0.64) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.59) 311deg,
            rgba(255, 120, 0, 0.63) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.58) 321deg,
            rgba(255, 100, 0, 0.62) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.57) 331deg,
            rgba(255, 140, 0, 0.61) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.56) 341deg,
            rgba(255, 140, 0, 0.6) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.55) 351deg,
            rgba(255, 120, 0, 0.59) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 100, 0, 0.4));
    animation: circularRotateRight 8s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

.card-graphic-6::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 
        conic-gradient(from 0deg at 50% 50%,
            transparent 0deg,
            rgba(255, 140, 0, 0.55) 1deg,
            rgba(255, 100, 0, 0.6) 2deg,
            transparent 3deg,
            transparent 10deg,
            rgba(255, 140, 0, 0.53) 11deg,
            rgba(255, 100, 0, 0.58) 12deg,
            transparent 13deg,
            transparent 20deg,
            rgba(255, 140, 0, 0.66) 21deg,
            rgba(255, 120, 0, 0.7) 22deg,
            transparent 23deg,
            transparent 30deg,
            rgba(255, 120, 0, 0.64) 31deg,
            rgba(255, 140, 0, 0.68) 32deg,
            transparent 33deg,
            transparent 40deg,
            rgba(255, 120, 0, 0.62) 41deg,
            rgba(255, 100, 0, 0.66) 42deg,
            transparent 43deg,
            transparent 50deg,
            rgba(255, 140, 0, 0.6) 51deg,
            rgba(255, 140, 0, 0.64) 52deg,
            transparent 53deg,
            transparent 60deg,
            rgba(255, 140, 0, 0.58) 61deg,
            rgba(255, 140, 0, 0.62) 62deg,
            transparent 63deg,
            transparent 70deg,
            rgba(255, 120, 0, 0.56) 71deg,
            rgba(255, 120, 0, 0.6) 72deg,
            transparent 73deg,
            transparent 80deg,
            rgba(255, 120, 0, 0.54) 81deg,
            rgba(255, 100, 0, 0.58) 82deg,
            transparent 83deg,
            transparent 90deg,
            rgba(255, 140, 0, 0.52) 91deg,
            rgba(255, 140, 0, 0.56) 92deg,
            transparent 93deg,
            transparent 100deg,
            rgba(255, 140, 0, 0.5) 101deg,
            rgba(255, 140, 0, 0.54) 102deg,
            transparent 103deg,
            transparent 110deg,
            rgba(255, 120, 0, 0.48) 111deg,
            rgba(255, 120, 0, 0.52) 112deg,
            transparent 113deg,
            transparent 120deg,
            rgba(255, 120, 0, 0.46) 121deg,
            rgba(255, 100, 0, 0.5) 122deg,
            transparent 123deg,
            transparent 130deg,
            rgba(255, 140, 0, 0.44) 131deg,
            rgba(255, 140, 0, 0.48) 132deg,
            transparent 133deg,
            transparent 140deg,
            rgba(255, 140, 0, 0.42) 141deg,
            rgba(255, 140, 0, 0.46) 142deg,
            transparent 143deg,
            transparent 150deg,
            rgba(255, 120, 0, 0.4) 151deg,
            rgba(255, 120, 0, 0.44) 152deg,
            transparent 153deg,
            transparent 160deg,
            rgba(255, 120, 0, 0.38) 161deg,
            rgba(255, 100, 0, 0.42) 162deg,
            transparent 163deg,
            transparent 170deg,
            rgba(255, 140, 0, 0.36) 171deg,
            rgba(255, 140, 0, 0.4) 172deg,
            transparent 173deg,
            transparent 180deg,
            rgba(255, 140, 0, 0.34) 181deg,
            rgba(255, 140, 0, 0.38) 182deg,
            transparent 183deg,
            transparent 190deg,
            rgba(255, 120, 0, 0.32) 191deg,
            rgba(255, 120, 0, 0.36) 192deg,
            transparent 193deg,
            transparent 200deg,
            rgba(255, 120, 0, 0.3) 201deg,
            rgba(255, 100, 0, 0.34) 202deg,
            transparent 203deg,
            transparent 210deg,
            rgba(255, 140, 0, 0.28) 211deg,
            rgba(255, 140, 0, 0.32) 212deg,
            transparent 213deg,
            transparent 220deg,
            rgba(255, 140, 0, 0.26) 221deg,
            rgba(255, 140, 0, 0.3) 222deg,
            transparent 223deg,
            transparent 230deg,
            rgba(255, 120, 0, 0.24) 231deg,
            rgba(255, 120, 0, 0.28) 232deg,
            transparent 233deg,
            transparent 240deg,
            rgba(255, 120, 0, 0.22) 241deg,
            rgba(255, 100, 0, 0.26) 242deg,
            transparent 243deg,
            transparent 250deg,
            rgba(255, 140, 0, 0.2) 251deg,
            rgba(255, 140, 0, 0.24) 252deg,
            transparent 253deg,
            transparent 260deg,
            rgba(255, 140, 0, 0.18) 261deg,
            rgba(255, 140, 0, 0.22) 262deg,
            transparent 263deg,
            transparent 270deg,
            rgba(255, 120, 0, 0.16) 271deg,
            rgba(255, 120, 0, 0.2) 272deg,
            transparent 273deg,
            transparent 280deg,
            rgba(255, 120, 0, 0.14) 281deg,
            rgba(255, 100, 0, 0.18) 282deg,
            transparent 283deg,
            transparent 290deg,
            rgba(255, 140, 0, 0.12) 291deg,
            rgba(255, 140, 0, 0.16) 292deg,
            transparent 293deg,
            transparent 300deg,
            rgba(255, 140, 0, 0.1) 301deg,
            rgba(255, 140, 0, 0.14) 302deg,
            transparent 303deg,
            transparent 310deg,
            rgba(255, 120, 0, 0.08) 311deg,
            rgba(255, 120, 0, 0.12) 312deg,
            transparent 313deg,
            transparent 320deg,
            rgba(255, 120, 0, 0.06) 321deg,
            rgba(255, 100, 0, 0.1) 322deg,
            transparent 323deg,
            transparent 330deg,
            rgba(255, 140, 0, 0.04) 331deg,
            rgba(255, 140, 0, 0.08) 332deg,
            transparent 333deg,
            transparent 340deg,
            rgba(255, 140, 0, 0.02) 341deg,
            rgba(255, 140, 0, 0.06) 342deg,
            transparent 343deg,
            transparent 350deg,
            rgba(255, 120, 0, 0.01) 351deg,
            rgba(255, 120, 0, 0.04) 352deg,
            transparent 353deg,
            transparent 360deg);
    background-size: 100% 100%;
    filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 100, 0, 0.3));
    animation: circularRotateRight 10s linear infinite;
    border-radius: 50%;
    transform-origin: center center;
}

/* Animasyon Keyframes - Daha Canlı ve Dinamik */
@keyframes graphicFloat {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(-15px, -15px) scale(1.05);
    }
    66% {
        transform: translate(15px, -10px) scale(0.98);
    }
}

@keyframes graphicRotate {
    0% {
        transform: rotate(-45deg) scale(1);
    }
    50% {
        transform: rotate(135deg) scale(1.1);
    }
    100% {
        transform: rotate(315deg) scale(1);
    }
}

@keyframes graphicPulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
        filter: blur(15px) drop-shadow(0 0 30px rgba(255, 140, 0, 0.4));
    }
    50% {
        opacity: 0.85;
        transform: scale(1.15);
        filter: blur(12px) drop-shadow(0 0 40px rgba(255, 140, 0, 0.6));
    }
}

@keyframes graphicGlow {
    0%, 100% {
        filter: blur(15px) drop-shadow(0 0 30px rgba(255, 140, 0, 0.4));
    }
    50% {
        filter: blur(18px) drop-shadow(0 0 50px rgba(255, 140, 0, 0.7));
    }
}

@keyframes graphicMove {
    0%, 100% {
        background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
        opacity: 0.8;
    }
    25% {
        background-position: 25px 25px, -20px 20px, 15px -15px, -25px -25px, 10px 10px, -15px 15px;
        opacity: 0.95;
    }
    50% {
        background-position: -25px 25px, 20px -20px, -15px 15px, 25px -25px, -10px -10px, 15px -15px;
        opacity: 0.85;
    }
    75% {
        background-position: 25px -25px, -20px -20px, 15px 15px, -25px 25px, 10px -10px, -15px -15px;
        opacity: 0.9;
    }
}

@keyframes graphicSparkle {
    0%, 100% {
        filter: blur(1.5px) drop-shadow(0 0 8px rgba(255, 140, 0, 0.5));
    }
    50% {
        filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.8));
    }
}

@keyframes graphicSlide {
    0%, 100% {
        transform: translateX(0) translateY(0);
        opacity: 0.6;
    }
    50% {
        transform: translateX(-20px) translateY(-10px);
        opacity: 0.85;
    }
}

@keyframes graphicShimmer {
    0%, 100% {
        filter: drop-shadow(0 0 15px rgba(255, 140, 0, 0.4));
    }
    50% {
        filter: drop-shadow(0 0 25px rgba(255, 140, 0, 0.7));
    }
}

@keyframes graphicBounce {
    0%, 100% {
        transform: translateY(0) scale(1);
        opacity: 0.7;
    }
    25% {
        transform: translateY(-20px) scale(1.08);
        opacity: 0.9;
    }
    50% {
        transform: translateY(0) scale(1);
        opacity: 0.8;
    }
    75% {
        transform: translateY(20px) scale(0.95);
        opacity: 0.75;
    }
}

@keyframes graphicWave {
    0%, 100% {
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-25px) rotate(8deg) scale(1.05);
        opacity: 0.85;
    }
}

@keyframes graphicFlow {
    0%, 100% {
        filter: drop-shadow(0 0 18px rgba(255, 140, 0, 0.4));
    }
    50% {
        filter: drop-shadow(0 0 30px rgba(255, 140, 0, 0.7));
    }
}

@keyframes graphicShift {
    0%, 100% {
        background-position: 0 0, 0 0, 0 0;
        opacity: 0.6;
    }
    33% {
        background-position: 25px 25px, -25px -25px, 15px 15px;
        opacity: 0.8;
    }
    66% {
        background-position: -25px 25px, 25px -25px, -15px -15px;
        opacity: 0.75;
    }
}

@keyframes graphicRipple {
    0%, 100% {
        filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 140, 0, 0.5));
        transform: scale(1);
    }
    50% {
        filter: blur(2px) drop-shadow(0 0 20px rgba(255, 140, 0, 0.8));
        transform: scale(1.05);
    }
}

/* Yuvarlak Çizen, Sağa Dönen Animasyon */
@keyframes circularRotateRight {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Footer Benzeri Büyük Parçacık Animasyonları */
@keyframes footerParticleFloat1 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.85;
        filter: blur(3px) drop-shadow(0 0 20px rgba(255, 120, 0, 0.8)) drop-shadow(0 0 40px rgba(255, 140, 0, 0.5));
    }
    25% {
        transform: translate(-10px, -15px) scale(1.05);
        opacity: 0.95;
        filter: blur(2.5px) drop-shadow(0 0 25px rgba(255, 120, 0, 0.9)) drop-shadow(0 0 50px rgba(255, 140, 0, 0.6));
    }
    50% {
        transform: translate(8px, -20px) scale(1.02);
        opacity: 0.9;
        filter: blur(3px) drop-shadow(0 0 22px rgba(255, 120, 0, 0.85)) drop-shadow(0 0 45px rgba(255, 140, 0, 0.55));
    }
    75% {
        transform: translate(-5px, -12px) scale(1.03);
        opacity: 0.92;
        filter: blur(2.8px) drop-shadow(0 0 23px rgba(255, 120, 0, 0.87)) drop-shadow(0 0 47px rgba(255, 140, 0, 0.57));
    }
}

@keyframes footerParticleFloatSync2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.8;
        filter: blur(2px) drop-shadow(0 0 15px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 120, 0, 0.4));
    }
    20% {
        transform: translate(-30px, -40px) scale(1.3);
        opacity: 0.7;
        filter: blur(5px) drop-shadow(0 0 30px rgba(255, 140, 0, 0.7)) drop-shadow(0 0 60px rgba(255, 120, 0, 0.4));
    }
    40% {
        transform: translate(25px, -50px) scale(0.8);
        opacity: 0.6;
        filter: blur(6px) drop-shadow(0 0 20px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 40px rgba(255, 120, 0, 0.3));
    }
    60% {
        transform: translate(-20px, 30px) scale(1.2);
        opacity: 0.75;
        filter: blur(4.5px) drop-shadow(0 0 28px rgba(255, 140, 0, 0.8)) drop-shadow(0 0 55px rgba(255, 120, 0, 0.5));
    }
    80% {
        transform: translate(15px, 20px) scale(0.9);
        opacity: 0.65;
        filter: blur(5.5px) drop-shadow(0 0 22px rgba(255, 140, 0, 0.65)) drop-shadow(0 0 45px rgba(255, 120, 0, 0.35));
    }
}

@keyframes footerParticleFloat3 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.88;
        filter: blur(4px) drop-shadow(0 0 25px rgba(255, 120, 0, 0.9)) drop-shadow(0 0 50px rgba(255, 140, 0, 0.6));
    }
    22% {
        transform: translate(-35px, -45px) scale(1.35);
        opacity: 0.65;
        filter: blur(5.5px) drop-shadow(0 0 32px rgba(255, 120, 0, 0.65)) drop-shadow(0 0 65px rgba(255, 140, 0, 0.35));
    }
    44% {
        transform: translate(28px, -55px) scale(0.75);
        opacity: 0.58;
        filter: blur(6px) drop-shadow(0 0 18px rgba(255, 120, 0, 0.55)) drop-shadow(0 0 35px rgba(255, 140, 0, 0.25));
    }
    66% {
        transform: translate(-22px, 35px) scale(1.28);
        opacity: 0.72;
        filter: blur(4.2px) drop-shadow(0 0 29px rgba(255, 120, 0, 0.8)) drop-shadow(0 0 58px rgba(255, 140, 0, 0.45));
    }
    88% {
        transform: translate(17px, 22px) scale(0.85);
        opacity: 0.62;
        filter: blur(5.2px) drop-shadow(0 0 21px rgba(255, 120, 0, 0.6)) drop-shadow(0 0 42px rgba(255, 140, 0, 0.3));
    }
}

@keyframes footerParticleFloat4 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.82;
        filter: blur(3px) drop-shadow(0 0 20px rgba(255, 140, 0, 0.75)) drop-shadow(0 0 40px rgba(255, 120, 0, 0.55));
    }
    30% {
        transform: translate(22px, -28px) scale(1.45);
        opacity: 0.52;
        filter: blur(4.5px) drop-shadow(0 0 26px rgba(255, 140, 0, 0.45)) drop-shadow(0 0 52px rgba(255, 120, 0, 0.25));
    }
    60% {
        transform: translate(-28px, 32px) scale(0.68);
        opacity: 0.57;
        filter: blur(5.5px) drop-shadow(0 0 16px rgba(255, 140, 0, 0.35)) drop-shadow(0 0 32px rgba(255, 120, 0, 0.15));
    }
    90% {
        transform: translate(19px, 18px) scale(1.3);
        opacity: 0.68;
        filter: blur(3.8px) drop-shadow(0 0 23px rgba(255, 140, 0, 0.7)) drop-shadow(0 0 46px rgba(255, 120, 0, 0.45));
    }
}

@keyframes footerParticleFloat5 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.89;
        filter: blur(4px) drop-shadow(0 0 25px rgba(255, 120, 0, 0.9)) drop-shadow(0 0 50px rgba(255, 140, 0, 0.6));
    }
    18% {
        transform: translate(-32px, -42px) scale(1.32);
        opacity: 0.68;
        filter: blur(5.2px) drop-shadow(0 0 31px rgba(255, 120, 0, 0.68)) drop-shadow(0 0 62px rgba(255, 140, 0, 0.38));
    }
    36% {
        transform: translate(26px, -52px) scale(0.78);
        opacity: 0.59;
        filter: blur(6px) drop-shadow(0 0 19px rgba(255, 120, 0, 0.59)) drop-shadow(0 0 38px rgba(255, 140, 0, 0.29));
    }
    54% {
        transform: translate(-24px, 33px) scale(1.26);
        opacity: 0.74;
        filter: blur(4.3px) drop-shadow(0 0 28px rgba(255, 120, 0, 0.82)) drop-shadow(0 0 56px rgba(255, 140, 0, 0.52));
    }
    72% {
        transform: translate(16px, 21px) scale(0.88);
        opacity: 0.64;
        filter: blur(5.3px) drop-shadow(0 0 22px rgba(255, 120, 0, 0.64)) drop-shadow(0 0 44px rgba(255, 140, 0, 0.34));
    }
}

@keyframes footerParticleFloat6 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.83;
        filter: blur(3px) drop-shadow(0 0 20px rgba(255, 140, 0, 0.8)) drop-shadow(0 0 40px rgba(255, 120, 0, 0.6));
    }
    28% {
        transform: translate(24px, -30px) scale(1.48);
        opacity: 0.54;
        filter: blur(4.8px) drop-shadow(0 0 27px rgba(255, 140, 0, 0.47)) drop-shadow(0 0 54px rgba(255, 120, 0, 0.27));
    }
    56% {
        transform: translate(-30px, 34px) scale(0.72);
        opacity: 0.6;
        filter: blur(5.8px) drop-shadow(0 0 17px rgba(255, 140, 0, 0.4)) drop-shadow(0 0 34px rgba(255, 120, 0, 0.2));
    }
    84% {
        transform: translate(21px, 19px) scale(1.35);
        opacity: 0.71;
        filter: blur(3.9px) drop-shadow(0 0 24px rgba(255, 140, 0, 0.75)) drop-shadow(0 0 48px rgba(255, 120, 0, 0.55));
    }
}

/* Parçacık Animasyonları - Footer GIF Benzeri */
@keyframes particleFloat1 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.8;
        filter: blur(2px) drop-shadow(0 0 8px rgba(255, 120, 0, 0.6));
    }
    25% {
        transform: translate(-15px, -20px) scale(1.05);
        opacity: 0.95;
        filter: blur(1.5px) drop-shadow(0 0 12px rgba(255, 120, 0, 0.8));
    }
    50% {
        transform: translate(10px, -25px) scale(1.02);
        opacity: 0.9;
        filter: blur(2px) drop-shadow(0 0 10px rgba(255, 120, 0, 0.7));
    }
    75% {
        transform: translate(-8px, -15px) scale(1.03);
        opacity: 0.92;
        filter: blur(1.8px) drop-shadow(0 0 11px rgba(255, 120, 0, 0.75));
    }
}

@keyframes particleFloat2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.7;
        filter: blur(1.5px) drop-shadow(0 0 6px rgba(255, 140, 0, 0.5));
    }
    33% {
        transform: translate(12px, -18px) scale(1.06);
        opacity: 0.85;
        filter: blur(1px) drop-shadow(0 0 9px rgba(255, 140, 0, 0.65));
    }
    66% {
        transform: translate(-10px, -22px) scale(0.98);
        opacity: 0.78;
        filter: blur(1.5px) drop-shadow(0 0 7px rgba(255, 140, 0, 0.55));
    }
}

@keyframes particleFloat3 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.82;
        filter: blur(2px) drop-shadow(0 0 9px rgba(255, 120, 0, 0.6));
    }
    30% {
        transform: translate(-18px, -22px) scale(1.05);
        opacity: 0.97;
        filter: blur(1.5px) drop-shadow(0 0 14px rgba(255, 120, 0, 0.85));
    }
    60% {
        transform: translate(14px, -28px) scale(1.01);
        opacity: 0.88;
        filter: blur(2px) drop-shadow(0 0 11px rgba(255, 120, 0, 0.7));
    }
}

@keyframes particleFloat4 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.75;
        filter: blur(1.5px) drop-shadow(0 0 7px rgba(255, 140, 0, 0.5));
    }
    40% {
        transform: translate(15px, -20px) scale(1.07);
        opacity: 0.9;
        filter: blur(1px) drop-shadow(0 0 10px rgba(255, 140, 0, 0.7));
    }
    80% {
        transform: translate(-12px, -24px) scale(0.97);
        opacity: 0.8;
        filter: blur(1.5px) drop-shadow(0 0 8px rgba(255, 140, 0, 0.6));
    }
}

@keyframes particleFloat5 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.8;
        filter: blur(2px) drop-shadow(0 0 8px rgba(255, 120, 0, 0.6));
    }
    35% {
        transform: translate(-16px, -21px) scale(1.04);
        opacity: 0.96;
        filter: blur(1.5px) drop-shadow(0 0 13px rgba(255, 120, 0, 0.8));
    }
    70% {
        transform: translate(12px, -26px) scale(1.02);
        opacity: 0.89;
        filter: blur(2px) drop-shadow(0 0 10px rgba(255, 120, 0, 0.7));
    }
}

@keyframes particleFloat6 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.76;
        filter: blur(1.5px) drop-shadow(0 0 6px rgba(255, 140, 0, 0.5));
    }
    45% {
        transform: translate(13px, -19px) scale(1.05);
        opacity: 0.88;
        filter: blur(1px) drop-shadow(0 0 9px rgba(255, 140, 0, 0.65));
    }
    90% {
        transform: translate(-11px, -23px) scale(0.99);
        opacity: 0.82;
        filter: blur(1.5px) drop-shadow(0 0 8px rgba(255, 140, 0, 0.6));
    }
}

/* Eski stiller - Geriye dönük uyumluluk için */
.why-choose-item {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 30px;
}
.why-choose-item .icon-box {
    margin-bottom: 30px;
}
.why-choose-item .icon-box img {
    max-width: 70px;
}
.why-choose-content {
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.why-choose-item:hover .icon-box img {
    filter: drop-shadow(0 0 10px rgba(255, 165, 0, 0.8))
            drop-shadow(0 0 20px rgba(255, 140, 0, 0.6))
            drop-shadow(0 0 30px rgba(255, 69, 0, 0.4));
    transition: filter 0.3s ease-in-out;
}
.why-choose-content h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.why-choose-content p {
    margin: 0;
}
.why-choose-counter h3 {
    font-size: 56px;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    margin-bottom: 5px;
}
.why-choose-counter p {
    text-transform: capitalize;
    margin: 0;
}
.why-choose-image {
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.why-choose-image figure,
.why-choose-image img {
    height: 100%;
    border-radius: 40px;
}
.why-choose-image:hover img {
    filter: grayscale(80%);
}
.our-projects {
    background: var(--secondary-color) url(../images/konya-cam-balkon.webp)
        no-repeat;
    background-position: right bottom;
    background-size: auto;
    padding: 100px 0;
}
.project-item {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    transition: all 0.4s ease-in-out;
}
.project-image {
    overflow: hidden;
    border-radius: 40px;
}
.project-image a {
    position: relative;
    cursor: none;
    display: block;
}
.project-item .project-image a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        #fff0 0%,
        #fff0 13.02%,
        rgb(0 0 0 / 0.51) 42.5%,
        rgb(0 0 0 / 0.63) 70%,
        #000000 100%
    );
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.project-image img {
    width: 100%;
    border-radius: 40px;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
.project-item:hover .service-image img {
    transform: scale(1.1);
}
.project-body {
    position: absolute;
    bottom: 50px;
    right: 40px;
    left: 40px;
    text-align: left;
    z-index: 2;
    transform: translateY(75%);
    transition: all 0.5s ease-in-out;
}
.project-item:hover .project-body {
    transform: translateY(0%);
    bottom: 20px;
}
.project-body-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 20px;
}
.project-content {
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
.project-item:hover .project-content {
    opacity: 1;
}
.project-content p {
    color: var(--white-color);
}
.project-content-footer .readmore-btn {
    position: relative;
    font-family: var(--accent-font);
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--accent-color);
    padding-right: 30px;
    transition: 0.4s ease-in-out;
}
.project-content-footer .readmore-btn:hover {
    color: var(--white-color);
}
.project-content-footer .readmore-btn::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    background-image: url(../images/readmore-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    transition: 0.4s ease-in-out;
}
.project-content-footer .readmore-btn:hover::after {
    filter: brightness(0) invert(1);
    right: -4px;
}
.project-footer-btn {
    text-align: center;
    margin-top: 30px;
}
.cta-box {
    position: relative;
    background: var(--secondary-color) url(../images/cta-box-img.png) no-repeat;
    background-position: right bottom;
    background-size: auto;
    padding: 100px 0;
}
.cta-box .section-title h2 {
    color: var(--accent-color);
}
.cta-box .section-title p {
    color: var(--overlay-color);
}
.cta-box-image {
    position: absolute;
    bottom: 0;
    text-align: end;
}
.section-btn .btn-default {
    border: 2px solid #fff0;
}
.section-btn .btn-default:hover {
    border: 2px solid var(--white-color);
}
.our-testimonial {
    padding: 100px 0;
}
.testimonial-slider .swiper-wrapper {
    cursor: none;
}
.testimonial-item {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    padding: 30px;
}
.testimonial-header {
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.testimonial-rating {
    margin-bottom: 30px;
}
.testimonial-rating i {
    font-size: 20px;
    color: var(--accent-color);
}
.testimonial-content p {
    margin: 0;
}
.testimonial-body {
    display: flex;
    align-items: center;
}
.author-image {
    margin-right: 20px;
}
.author-image img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.author-content {
    width: calc(100% - 85px);
}
.author-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.author-content p {
    text-transform: capitalize;
    margin: 0;
}
.testimonial-slider .swiper-pagination {
    position: relative;
    text-align: center;
    bottom: 0;
    margin-top: 30px;
}
.testimonial-slider .swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--accent-color);
    opacity: 1;
    margin: 0 6px;
}
.testimonial-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
    opacity: 1;
}
.our-faqs {
    background: var(--white-color) url(../images/gom-cambalkon-konya.webp) no-repeat;
    background-position: right bottom;
    background-size: auto;
    padding: 100px 0;
}
.our-faqs-images {
    position: relative;
}
.our-faqs-bulitup {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    background-color: var(--white-color);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-faqs-bulitup img {
    max-width: 50px;
}
.our-faqs-images .row:first-child {
    margin-bottom: 30px;
}
.faqs-img-2 img,
.faqs-img-1 img {
    border-radius: 40px;
}
.faq-accordion {
    margin-left: 30px;
}
.faq-accordion .accordion-item {
    position: relative;
    background: none;
    border-bottom: 1px solid var(--white-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.faq-accordion .accordion-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.faq-accordion .accordion-item .accordion-button {
    font-size: 24px;
    font-weight: 700;
    border: none;
    box-shadow: none;
    padding: 10px 40px 10px 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.faq-accordion .accordion-button:not(.collapsed) {
    color: var(--accent-color);
}
.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%) rotate(-90deg);
    background-image: url(../images/long-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.faq-accordion .accordion-item .accordion-button.collapsed::after {
    transform: translate(0, -50%) rotate(0deg);
}
.faq-accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 10px 40px 10px 10px;
}
.faq-accordion .accordion-item .accordion-collapse .accordion-body p {
    margin: 0;
}
.our-blog {
    background: var(--secondary-color);
    padding: 100px 0 70px;
}
.blog-item {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.post-featured-image {
    overflow: hidden;
    border-radius: 40px;
}
.post-featured-image a {
    display: block;
    cursor: none;
}
.post-featured-image img {
    aspect-ratio: 1/0.65;
    object-fit: cover;
    border-radius: 40px 40px 0 0;
    transition: all 0.5s ease-out;
}
.blog-item:hover .post-featured-image img {
    transform: scale(1.1);
}
.post-item-content {
    padding: 30px;
}
.post-item-body {
    margin-bottom: 20px;
}
.post-item-body h2 {
    font-size: 24px;
    font-weight: 700;
}
.post-item-body h2 a {
    color: inherit;
}
.post-item-body h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.post-item-body h4 a {
    color: #000000 !important;
    transition: color 0.3s ease;
}
.post-item-body h4 a:hover {
    color: var(--accent-color) !important;
}
/* Blog sayfası başlıkları siyah */
.our-blog .post-item-body h4 a.text-orange-important {
    color: #000000 !important;
}
.our-blog .post-item-body h4 a.text-orange-important:hover {
    color: var(--accent-color) !important;
}
.post-item-footer .readmore-btn {
    position: relative;
    font-family: var(--accent-font);
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--accent-color);
    padding-right: 30px;
    transition: 0.3s ease-in-out;
}
.post-item-footer .readmore-btn::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    background-image: url(../images/readmore-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    transition: 0.3s ease-in-out;
}
.post-item-footer .readmore-btn:hover::after {
    right: -3px;
}
.contact-us {
    background: var(--secondary-color) url(../images/contact-us-bg.png)
        no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}
.contact-sidebar {
    background: var(--primary-color);
    border-radius: 40px;
    text-align: center;
    padding: 40px 40px 0;
    transition: all 0.3s ease-in-out;
}
.contact-info {
    margin-bottom: 30px;
}
.contact-info .icon-box {
    margin-bottom: 20px;
}
.contact-info .icon-box img {
    max-width: 40px;
}
.contact-info-content p {
    color: var(--white-color);
    opacity: 64%;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.contact-info-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--white-color);
}
.contact-info-image {
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
}
.contact-sidebar .contact-info-image img {
    filter: grayscale(0%);
    transition: all 0.3s ease-in-out;
}
.contact-sidebar:hover .contact-info-image img {
    filter: grayscale(80%);
}
.contact-form {
    background-color: var(--white-color);
    border-radius: 40px;
    padding: 50px;
}
.contact-form .form-control {
    padding: 15px;
    background-color: #fff0;
    color: var(--primary-color);
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--divider-color);
    border-radius: 0;
}
.contact-form .form-control::placeholder {
    color: var(--primary-color);
    opacity: 20%;
    text-transform: capitalize;
}
.main-footer {
    background: var(--primary-color);
    padding: 100px 0;
}
.footer-logo {
    margin-bottom: 40px;
}
.footer-content p {
    color: var(--white-color);
    margin: 0;
}
.footer-links h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 40px;
    animation: h2Pulse 1.8s infinite ease-in-out;
}
@keyframes h2Pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.35;
    }
    100% {
        opacity: 1;
    }
}
.footer-links h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--accent-color);
    text-transform: capitalize;
    margin-bottom: 40px;
}
.footer-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-links ul li {
    position: relative;
    text-transform: capitalize;
    padding-left: 30px;
    margin-bottom: 20px;
}
.footer-links ul li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(../images/readmore-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    transition: 0.3s ease-in-out;
}
.footer-links ul li:hover:before {
    filter: brightness(0) invert(1);
}
.footer-links ul li:last-child {
    margin-bottom: 0;
}
.footer-links ul li a {
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}
.footer-links ul li:hover a {
    color: var(--accent-color);
}
.footer-contact-box .footer-info-box {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}
.footer-contact-box .footer-info-box:last-child {
    margin-bottom: 0;
}
.footer-info-box .icon-box {
    position: absolute;
    top: 0;
    left: 0;
}
.footer-info-box .icon-box img {
    max-width: 26px;
    filter: brightness(0) saturate(100%) invert(68%) sepia(78%) saturate(1352%) hue-rotate(325deg) brightness(96%) contrast(87%);
}
.footer-info-box:hover .icon-box img {
    filter: none;
}
.footer-info-box p {
    color: var(--white-color);
    margin: 0;
    transition: color 0.3s ease-in-out;
}
.footer-info-box:hover p {
    color: var(--accent-color) !important;
}
.footer-info-box p a {
    transition: color 0.3s ease-in-out;
}
.footer-info-box:hover p a,
.footer-info-box p a:hover {
    color: var(--accent-color) !important;
}
.footer-copyright {
    margin-top: 80px;
    padding: 20px 0;
    border-top: 1px solid var(--dark-divider-color);
    border-bottom: 1px solid var(--dark-divider-color);
}
.footer-copyright-text p {
    color: var(--white-color);
    margin: 0;
}
.footer-copyright .footer-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: end;
}
.footer-copyright .footer-social-links ul li {
    display: inline-block;
    margin-right: 10px;
}
.footer-copyright .footer-social-links ul li:last-child {
    margin-right: 0;
}
.footer-copyright .footer-social-links ul li a {
    background-color: #fff0;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    height: 36px;
    width: 36px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.footer-copyright .footer-social-links ul li a i {
    font-size: 18px;
}
.footer-copyright .footer-social-links ul li a:hover {
    border-color: var(--white-color);
    color: var(--white-color);
}
.page-header {
    margin: 0 40px;
    overflow: hidden;
    border-radius: 40px;
    background: url(../images/genc-osman-cam-balkon.png) no-repeat center center;
    background-size: cover;
    padding: 220px 0 120px;
    position: relative;
    margin-top: -103px;
}
.page-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-color);
    opacity: 40%;
    border-radius: 40px;
    z-index: 1;
}
.page-header-box {
    position: relative;
    text-align: center;
    z-index: 1;
}
.page-header-box h1 {
    font-size: 56px;
    color: var(--white-color);
    margin-bottom: 30px;
    line-height: 1.1em;
    letter-spacing: -0.03em;
}
.page-header-box ol {
    margin: 0;
    padding: 0;
    justify-content: center;
}
.page-header-box ol li.breadcrumb-item {
    color: var(--white-color);
    font-family: var(--accent-font);
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}
.page-header-box ol li.breadcrumb-item a {
    color: inherit;
}
.page-header-box ol li.breadcrumb-item.active {
    color: var(--accent-color);
}
.page-header-box ol .breadcrumb-item + .breadcrumb-item::before {
    color: var(--white-color);
}
.page-about-us {
    padding: 100px 0;
}
.about-us-content {
    margin-left: 95px;
}
.about-us-content-body {
    margin-bottom: 50px;
}
.about-us-content-body ul {
    background-color: var(--secondary-color);
    border-radius: 20px;
    padding: 30px;
    margin: 0;
    list-style: none;
}
.about-us-content-body ul li {
    position: relative;
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 500;
    padding-left: 30px;
    margin-bottom: 15px;
}
.about-us-content-body ul li:last-child {
    margin-bottom: 0;
}
.about-us-content-body ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 4px;
    left: 0;
}
.about-us-content-footer {
    display: flex;
    align-items: center;
}
.about-us-footer-btn {
    line-height: 0.8em;
}
.about-us-contact-support {
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.about-us-contact-support .icon-box {
    margin-right: 20px;
}
.about-us-contact-support .icon-box img {
    max-width: 40px;
}
.about-us-support-content p {
    font-family: var(--accent-font);
    font-size: 16px;
    margin-bottom: 5px;
}
/* 1. Telefon Numarası Bağlantısı (a) Stili */
.about-us-support-content a {
    color: #000000 !important; 
    text-decoration: none; 
    /* Animasyon süresi 2.5 saniyeye ayarlandı. 'alternate' kaldırıldı. */
    /* ease-in-out eklendi (yumuşak geçiş) */
    animation: full-blink 2.5s infinite ease-in-out; 
}

/* 2. Tamamen Sönen Neon Işık (Glow) Animasyonu Tanımlama */
@keyframes full-blink {
    /* 0% (Başlangıç): Maksimum Parıltı */
    0% {
        text-shadow: 
            0 0 5px #ff6600, 
            0 0 10px #ff6600, 
            0 0 15px rgba(255, 102, 0, 0.4);
    }
    
    /* 50% (Sönme Anı): Metin Tamamen Siyah ve Normal */
    50% {
        text-shadow: none; /* text-shadow sıfırlandı */
    }
    
    /* 55% (Sönme Sonrası): Metin Hala Siyah/Normal (Kısa bir aralık) */
    55% {
        text-shadow: none; /* Sönük kalma süresi */
    }

    /* 100% (Bitiş/Yeniden Başlangıç): Maksimum Parıltı */
    100% {
        text-shadow: 
            0 0 5px #ff6600, 
            0 0 10px #ff6600, 
            0 0 15px rgba(255, 102, 0, 0.4);
    }
}
.about-us-support-content h3 {
    font-size: 24px;
}
.our-company-history {
    padding: 100px 0;
    background: var(--secondary-color);
}
.company-history-image {
    position: relative;
}
.company-history-img {
    text-align: left;
}
.company-history-img img {
    border-radius: 40px;
}
.company-experience {
    position: absolute;
    width: 100%;
    max-width: 225px;
    text-align: center;
    bottom: 20%;
    right: 0;
    background-color: var(--white-color);
    border-radius: 40px;
    padding: 40px;
    animation: expmoveobject 3s infinite linear alternate;
}
@keyframes expmoveobject {
    50% {
        right: 50px;
    }
}
.company-experience-content h3 {
    font-size: 56px;
}
.company-experience-content p {
    margin: 0;
    text-transform: capitalize;
}
.company-history-body p:last-child {
    margin-bottom: 0;
}
.our-mission-vision {
    padding: 100px 0;
}
.mission-vision-item {
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 140, 0, 0.25);
    border-radius: 12px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.35s ease;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    height: 100%;
}
/* Glassy overlay effect */
.mission-vision-item::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(45deg, #ff8a00, #ff4500);
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: 0.35s ease;
    z-index: 1;
    pointer-events: none;
}
.mission-vision-item:hover {
    background: rgba(0, 0, 0, 0.7);
    border-color: rgba(255, 140, 0, 0.75);
    box-shadow: 0 0 18px rgba(255, 140, 0, 0.4);
    transform: translateY(-5px);
}
.mission-vision-item:hover::before {
    opacity: 1;
}
.mission-vision-item .icon-box {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    transition: transform 0.35s ease;
}
.mission-vision-item:hover .icon-box {
    transform: scale(1.1);
}
.mission-vision-item .icon-box img {
    filter: brightness(0) invert(1);
    transition: filter 0.35s ease;
}
.mission-vision-item:hover .icon-box img {
    filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 140, 0, 0.6));
}
.mission-vision-item .mission-vision-content {
    position: relative;
    z-index: 2;
}
.mission-vision-item .mission-vision-content h2,
.mission-vision-item .mission-vision-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: var(--white-color);
    transition: color 0.35s ease;
}
.mission-vision-item:hover .mission-vision-content h2,
.mission-vision-item:hover .mission-vision-content h3 {
    color: var(--accent-color);
}
.mission-vision-item .mission-vision-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6em;
    transition: color 0.35s ease;
}
.mission-vision-item:hover .mission-vision-content p {
    color: rgba(255, 255, 255, 0.95);
}
.intro-video .container-fluid {
    padding: 0;
}
.intro-video-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: none;
}
.intro-video-box .video-image img {
    width: 100%;
    filter: brightness(30%);
    aspect-ratio: 1/0.33;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.intro-video-box:hover .video-image img {
    transform: scale(1.1);
}
.intro-video-box .video-image a {
    cursor: none;
    position: relative;
    z-index: 1;
}
.video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.video-play-button a {
    position: relative;
    background-color: var(--white-color);
    border-radius: 100%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: none;
}
.video-play-button a:before {
    content: "";
    position: absolute;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
    border: 50px solid var(--white-color);
    border-radius: 50%;
    transform: scale(0.6);
    z-index: -1;
    animation: border-zooming 1.2s infinite linear;
}
.video-play-button a:after {
    content: "";
    position: absolute;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
    border: 50px solid var(--white-color);
    border-radius: 50%;
    transform: scale(0.6);
    z-index: -1;
    animation: border-zooming 1.2s infinite linear;
    animation-delay: 0.3s;
}
@keyframes border-zooming {
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.video-play-button a i {
    font-size: 30px;
    color: var(--accent-color);
}
.what-we-do {
    padding: 100px 0;
    background: var(--secondary-color);
}
.what-we-do .section-title {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.company-counter-item {
    background: var(--primary-color);
    padding: 50px 30px;
    text-align: center;
    border-radius: 40px;
}
.company-counter-item .company-counter-content h3 {
    color: var(--white-color);
    font-size: 56px;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    margin-bottom: 15px;
}
.company-counter-item .company-counter-content p {
    color: var(--white-color);
    opacity: 64%;
    text-transform: capitalize;
    margin: 0;
}
.our-team {
    padding: 100px 0 70px;
}
.team-member-item {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    overflow: hidden;
}
.team-member-item .team-image img {
    border-radius: 40px 40px 0 0;
    transition: all 0.5s ease-in-out;
}
.team-member-item:hover .team-image img {
    transform: scale(1.1);
}
.team-body {
    padding: 30px;
}
.team-content {
    margin-bottom: 20px;
}
.team-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.team-content p {
    text-transform: capitalize;
    margin: 0;
}
.team-social-icon ul {
    padding: 0;
    margin: 0;
}
.team-social-icon ul li {
    display: inline-block;
    margin-right: 5px;
}
.team-social-icon ul li:last-child {
    margin-right: 0;
}
.team-social-icon ul li a {
    color: var(--primary-color);
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary-color);
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
}
.team-social-icon ul li a:hover {
    color: var(--accent-color);
    border-color: var(--accent-color);
}
.team-social-icon ul li a i {
    font-size: 18px;
}
.page-service {
    padding: 100px 0 70px;
}
.page-service-single {
    padding: 100px 0;
}
.service-sidebar {
    padding-right: 50px;
    position: sticky;
    top: 20px;
}
.service-categories-list {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    padding: 30px;
    margin-bottom: 30px;
}
.service-categories-list h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.service-categories-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.service-categories-list ul li {
    margin-bottom: 20px;
    padding: 0 0 20px 30px;
    border-bottom: 1px solid var(--divider-color);
    position: relative;
}
.service-categories-list ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.service-categories-list ul li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: url(../images/readmore-arrow.svg) no-repeat center center;
    width: 20px;
    height: 20px;
}
.service-categories-list ul li a {
    display: block;
    color: var(--primary-color);
    text-transform: capitalize;
    transition: 0.3s ease-in-out;
}
.service-categories-list ul li a:hover {
    color: var(--accent-color);
}
.sidebar-cta-box {
    background: url(../images/service-sidebar-cta-bg.png) no-repeat top right,
        var(--primary-color);
    background-size: auto;
    border-radius: 40px;
    padding: 30px;
    text-align: center;
}
.sidebar-cta-box .cta-content {
    margin-bottom: 40px;
}
.sidebar-cta-box .cta-content h3 {
    font-size: 24px;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 30px;
}
.sidebar-cta-box .cta-content p {
    color: var(--white-color);
    margin: 0;
}
.cta-contact-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cta-contact-info .cta-contact-item {
    display: flex;
    align-items: center;
    background: var(--white-color);
    padding: 8px 12px;
    border-radius: 99px;
    margin-bottom: 20px;
}
.cta-contact-info .cta-contact-item:last-child {
    margin-bottom: 0;
}
.cta-contact-info .cta-contact-item .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 37px;
    min-width: 37px;
    background: var(--accent-color);
    border-radius: 50%;
    margin-right: 10px;
}
.cta-contact-info .cta-contact-item .cta-contact-content {
    width: calc(100% - 47px);
}
.cta-contact-info .cta-contact-item .cta-contact-content p {
    margin: 0;
}
.cta-contact-info .cta-contact-item .cta-contact-content p a {
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}
.cta-contact-info .cta-contact-item:hover .cta-contact-content p a {
    color: var(--accent-color);
}
.service-images-slider {
    margin-bottom: 30px;
}
.service-image-item figure,
.service-image-item img {
    border-radius: 40px;
    overflow: hidden;
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
}
.service-images-slider .swiper-arrow-prev,
.service-images-slider .swiper-arrow-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.service-images-slider .swiper-arrow-prev {
    left: 20px;
}
.service-images-slider .swiper-arrow-next {
    right: 20px;
}
.service-images-slider .swiper-arrow-prev:before,
.service-images-slider .swiper-arrow-next:before {
    content: "";
    background: url(../images/icon-arrow-left.svg) no-repeat center left;
    background-size: 100% auto;
    height: 33px;
    width: 33px;
}
.service-images-slider .swiper-arrow-next:before {
    background: url(../images/icon-arrow-right.svg) no-repeat center left;
    background-size: 100% auto;
    height: 33px;
    width: 33px;
}
.service-single-content p {
    margin-bottom: 30px;
}
.service-single-content p:last-child {
    margin-bottom: 0;
}
.service-entry {
    margin-bottom: 30px;
}
.service-entry ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.service-entry ul li {
    position: relative;
    width: calc(50% - 10px);
    color: var(--primary-color);
    font-weight: 500;
    padding-left: 30px;
    text-transform: capitalize;
}
.service-entry ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 4px;
    left: 0;
}
.service-sustainable .service-sustainable-img-1 figure,
.service-sustainable .service-sustainable-img-2 figure {
    display: block;
}
.service-sustainable .service-sustainable-img-1 img,
.service-sustainable .service-sustainable-img-2 img {
    border-radius: 40px;
}
.service-sustainable-content {
    margin-top: 30px;
}
.service-sustainable-content h3 {
    font-size: 24px;
    margin-bottom: 30px;
}
.service-benefit {
    padding: 100px 0 70px;
    background: url(../images/service-benefit-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.service-benefit::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    opacity: 70%;
    z-index: 0;
}
.service-benefit .service-benefit-item {
    background: var(--white-color);
    padding: 30px;
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
.service-benefit-item .icon-box {
    margin-bottom: 30px;
}
.service-benefit-item .service-benefit-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.service-benefit-item .service-benefit-content p {
    color: var(--text-color);
    margin: 0;
}
.working-process {
    padding: 100px 0 70px;
}
.working-process-item {
    padding: 30px;
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.working-process-item .step-number {
    margin-bottom: 30px;
}
.working-process-item .step-number h2 {
    font-size: 40px;
    color: var(--accent-color);
}
.working-process-item .working-process-content h3 {
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.working-process-item .working-process-content p {
    color: var(--text-color);
    margin: 0;
}
.page-blog {
    padding: 100px 0;
}
.page-blog .blog-item {
    height: calc(100% - 40px);
    margin-bottom: 40px;
}
.post-pagination {
    margin-top: 30px;
    text-align: center;
}
.post-pagination ul {
    justify-content: center;
    padding: 0;
    margin: 0;
}
.post-pagination ul li a,
.post-pagination ul li span {
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: #fff0;
    color: var(--primary-color);
    border: 1px solid var(--accent-color);
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 50%;
    font-weight: 700;
    line-height: 1em;
    transition: all 0.3s ease-in-out;
}
.post-pagination ul li.active a,
.post-pagination ul li a:hover {
    background: var(--accent-color);
    color: var(--white-color);
}
.page-single-post {
    padding: 100px 0;
}
.post-single-meta ol li i {
    font-size: 22px;
    color: var(--accent-color);
    margin-right: 5px;
}
.post-image {
    position: relative;
    margin-bottom: 30px;
}
.post-image figure {
    display: block;
}
.post-image figure,
.post-image img {
    aspect-ratio: 1 / 0.5;
    object-fit: cover;
    border-radius: 40px;
}
.post-content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.post-entry {
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.post-entry:after {
    content: "";
    display: block;
    clear: both;
}
.post-entry a {
    color: var(--accent-color);
}
.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
    margin: 0 0 0.6em;
}
.post-entry h1 {
    font-size: 50px;
}
.post-entry h2 {
    font-size: 30px;
}
.post-entry h3 {
    font-size: 40px;
}
.post-entry h4 {
    font-size: 30px;
}
.post-entry h5 {
    font-size: 24px;
}
.post-entry h6 {
    font-size: 18px;
}
.post-entry p {
    margin-bottom: 20px;
}
.post-entry p:last-child {
    margin-bottom: 0;
}
.post-entry p strong {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}
.post-entry ol {
    margin: 0 0 30px;
}
.post-entry ol li {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
}
.post-entry ul {
    padding: 0;
    margin: 20px 0 20px;
    padding-left: 20px;
}
.post-entry ul li {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 18px;
}
.post-entry ul li:last-child {
    margin-bottom: 0;
}
.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul {
    margin-top: 20px;
    margin-bottom: 0;
}
.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child {
    margin-bottom: 0;
}
.post-entry blockquote {
    background: var(--secondary-color) url(../images/icon-blockquote.svg)
        no-repeat 40px 46px;
    background-size: 45px;
    border-radius: 16px;
    padding: 40px 40px 40px 110px;
    margin-bottom: 30px;
}
.post-entry blockquote p {
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 600;
}
.post-entry blockquote p:last-child {
    margin-bottom: 0;
}
.tag-links {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    display: inline-block;
}
.post-tags .tag-links a {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    background-color: var(--accent-color);
    color: var(--white-color);
    border-radius: 10px;
    padding: 8px 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.post-tags .tag-links a:hover {
    background: var(--primary-color);
}
.post-social-sharing {
    text-align: right;
}
.post-social-sharing ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.post-social-sharing ul li {
    display: inline-block;
    margin-right: 10px;
}
.post-social-sharing ul li:last-child {
    margin-right: 0;
}
.post-social-sharing ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    background-color: var(--accent-color);
    color: var(--white-color);
    width: 38px;
    height: 38px;
    transition: all 0.3s ease-in-out;
}
.post-social-sharing ul li:hover a {
    background-color: var(--primary-color);
}
.post-social-sharing ul li a i {
    font-size: 18px;
    color: inherit;
    transition: all 0.3s ease-in-out;
}
.post-social-sharing ul li:hover a i {
    color: var(--secondry-color);
}
.page-project {
    padding: 100px 0;
}
.page-project-single {
    padding: 100px 0;
}
.project-single-content {
    margin-right: 20px;
}
.project-featured-image {
    margin-bottom: 30px;
}
.project-featured-image figure {
    display: block;
}
.project-featured-image img {
    border-radius: 40px;
    aspect-ratio: 1/ 0.6;
    object-fit: cover;
}
.project-details-content {
    margin-bottom: 40px;
}
.project-details-title {
    margin-bottom: 30px;
}
.project-details-content p {
    margin-bottom: 30px;
}
.project-details-title h3 {
    font-size: 24px;
    font-weight: 700;
}
.project-details-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.project-details-content ul li {
    position: relative;
    font-weight: 500;
    color: var(--primary-color);
    width: calc(50% - 10px);
    padding-left: 30px;
}
.project-details-content ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 4px;
    left: 0;
}
.project-gallery-title {
    margin-bottom: 30px;
}
.project-gallery-title h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}
.project-gallery-items .project-gallery-item img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 40px;
}
.project-sidebar {
    position: sticky;
    top: 20px;
}
.project-info-box {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    padding: 30px;
}
.project-info-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.project-info-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.project-info-item .icon-box {
    margin-right: 10px;
}
.project-info-item .icon-box img {
    max-width: 40px;
}
.project-info-content {
    width: calc(100% - 50px);
}
.project-info-content p {
    text-transform: capitalize;
    margin-bottom: 5px;
}
.project-info-content h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1em;
    text-transform: capitalize;
}
.page-team {
    padding: 100px 0 70px;
}
.contact-information {
    padding: 100px 0 70px;
}
.contact-sidebar.page-contact-sidebar {
    transition: all 0.3s ease-in-out;
}
.contact-info-item {
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 140, 0, 0.25);
    border-radius: 12px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
/* Glassy overlay effect */
.contact-info-item::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(45deg, #ff8a00, #ff4500);
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: 0.35s ease;
    z-index: 1;
    pointer-events: none;
}
.contact-info-item:hover {
    background: rgba(0, 0, 0, 0.7);
    border-color: rgba(255, 140, 0, 0.75);
    box-shadow: 0 0 18px rgba(255, 140, 0, 0.4);
    transform: translateY(-5px);
}
.contact-info-item:hover::before {
    opacity: 1;
}
.contact-info-item .icon-box {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: transform 0.35s ease;
}
.contact-info-item:hover .icon-box {
    transform: scale(1.1);
}
.contact-info-item .icon-box img {
    max-width: 60px;
    height: auto;
    filter: brightness(0) invert(1);
    transition: filter 0.35s ease;
}
.contact-info-item:hover .icon-box img {
    filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 140, 0, 0.6));
}
.contact-info-body {
    text-align: center;
    position: relative;
    z-index: 2;
}
.contact-info-body h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: var(--white-color);
    transition: color 0.35s ease;
}
.contact-info-item:hover .contact-info-body h3 {
    color: var(--accent-color);
}
.contact-info-body p {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6em;
    font-size: 16px;
    transition: color 0.35s ease;
        color: var(--accent-color)!important;
}
.contact-info-item:hover .contact-info-body p {
    color: rgba(255, 255, 255, 0.95);
}
.contact-info-body p:last-child {
    margin-bottom: 0;
}
.contact-info-body p a.text-orange {
    color: var(--accent-color) !important;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.35s ease;
    font-size: 16px;
}
.contact-info-body p a.text-orange:hover {
    color: #ff8a00 !important;
    text-shadow: 0 0 8px rgba(255, 140, 0, 0.5);
}
/* Adres metni için özel stil */
.contact-info-body p:not(:has(a)) {
    color: rgba(255, 255, 255, 0.8);
}
.contact-info-item:hover .contact-info-body p:not(:has(a)) {
    color: rgba(255, 255, 255, 0.95);
}
.contact-us.page-contact-us {
    background: var(--secondary-color);
}
.contact-social-list {
    margin-bottom: 100px;
}
.contact-social-list h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 30px;
}
.contact-social-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-social-list ul li {
    display: inline-block;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}
.contact-social-list ul li:last-child {
    margin-right: 0;
}
.contact-social-list ul li a {
    background-color: #fff0;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    height: 36px;
    width: 36px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.contact-sidebar.page-contact-sidebar .contact-social-list ul li:hover a {
    border-color: var(--white-color);
    color: var(--white-color);
}
.contact-social-list ul li a i {
    font-size: 18px;
}
.contact-sidebar.page-contact-sidebar .contact-info-image {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.contact-sidebar.page-contact-sidebar .contact-info-image img {
    width: 100%;
    filter: grayscale(0%);
    transition: all 0.3s ease-in-out;
}
.contact-sidebar.page-contact-sidebar:hover .contact-info-image img {
    filter: grayscale(80%);
}
.google-map {
    padding: 100px 0;
    background: var(--secondary-color);
}
.google-map .container-fluid {
    padding: 0 25px;
}
.google-map-iframe {
    width: 100%;
    height: 600px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 2px;
    background: transparent;
}
.google-map-iframe::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 2px;
    background: linear-gradient(45deg, rgba(255, 140, 0, 0.8), rgba(255, 69, 0, 0.7), rgba(255, 140, 0, 0.8));
    background-size: 200% 200%;
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: neonGlow 4s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}
.google-map-iframe::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 38px;
    background: var(--secondary-color);
    z-index: 0;
    pointer-events: none;
}
.google-map-iframe iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 38px;
}
@keyframes neonGlow {
    0%, 100% {
        opacity: 0.2;
        box-shadow: 0 0 5px rgba(255, 140, 0, 0.2),
                    0 0 10px rgba(255, 140, 0, 0.15),
                    0 0 15px rgba(255, 140, 0, 0.1);
        background-position: 0% 50%;
    }
    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 140, 0, 0.6),
                    0 0 20px rgba(255, 140, 0, 0.4),
                    0 0 30px rgba(255, 140, 0, 0.3);
        background-position: 100% 50%;
    }
}
.page-faq {
    padding: 100px 0;
}
.faq-sidebar {
    position: sticky;
    top: 20px;
}
.faq-category-box {
    border: 1px solid var(--divider-color);
    border-radius: 40px;
    padding: 30px;
}
.faq-category-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.faq-category-box ul li {
    margin-bottom: 20px;
    padding: 0 0 20px 35px;
    border-bottom: 1px solid var(--divider-color);
    position: relative;
}
.faq-category-box ul li:last-child {
    margin-bottom: 0;
    padding: 0 0 0 35px;
    border-bottom: none;
}
.faq-category-box ul li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: url(../images/readmore-arrow.svg) no-repeat center center;
    width: 20px;
    height: 20px;
}
.faq-category-box ul li a {
    display: block;
    color: var(--primary-color);
    text-transform: capitalize;
    transition: 0.3s ease-in-out;
}
.faq-category-box ul li:hover a {
    color: var(--accent-color);
}
.page-faq .faq-section {
    margin-bottom: 60px;
}
.page-faq .faq-section:last-child {
    margin-bottom: 0;
}
.faq-section .faq-accordion {
    margin: 0;
}
.faq-section .faq-accordion .accordion-item {
    position: relative;
    background: none;
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.faq-section .faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.faq-section .faq-accordion .accordion-item .accordion-button {
    font-size: 24px;
    font-weight: 700;
    border: none;
    box-shadow: none;
    padding: 10px 40px 10px 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.faq-section .faq-accordion .accordion-button:not(.collapsed) {
    color: var(--accent-color);
}
.faq-section .faq-accordion .accordion-item .accordion-button::after,
.faq-section .faq-accordion .accordion-item .accordion-button.collapsed::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%) rotate(-90deg);
    background-image: url(../images/long-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.faq-section .faq-accordion .accordion-item .accordion-button.collapsed::after {
    transform: translate(0, -50%) rotate(0deg);
}
.faq-section
    .faq-accordion
    .accordion-item
    .accordion-collapse
    .accordion-body {
    padding: 10px 40px 10px 10px;
}
.faq-section
    .faq-accordion
    .accordion-item
    .accordion-collapse
    .accordion-body
    p {
    margin: 0;
}
.error-page {
    padding: 100px 0;
}
.error-page-image {
    text-align: center;
    margin-bottom: 60px;
}
.error-page .error-page-content {
    text-align: center;
}
.error-page-content-heading {
    margin-bottom: 30px;
}
.error-page-content-heading h2 {
    font-size: 56px;
}
.error-page-content-heading h2 span {
    color: var(--accent-color);
}
@media only screen and (max-width: 1024px) {
    .navbar {
        padding: 20px 0;
    }
    .main-menu ul li {
        margin-left: 0;
    }
}
@media only screen and (max-width: 991px) {
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
    }
    #magic-cursor {
        display: none !important;
    }
    .slicknav_nav li,
    .slicknav_nav ul {
        display: block;
    }
    .responsive-menu,
    .navbar-toggle {
        display: block;
    }
    .navbar-toggle {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        z-index: 1000;
    }
    .navbar-toggle a.slicknav_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .light-bg-section {
        margin: 0;
    }
    .section-row {
        margin-bottom: 40px;
    }
    .section-title {
        margin-bottom: 30px;
        text-align: center;
    }
    .section-title h1 {
        font-size: 60px;
        text-align: center;
    }
    .section-title h2 {
        font-size: 46px;
        text-align: center;
    }
    .section-title h3 {
        margin-bottom: 15px;
        text-align: center;
    }
    .section-row .section-title p {
        max-width: 100%;
        text-align: center;
    }
    .section-title p {
        margin-top: 15px;
        text-align: center;
    }
    .section-btn {
        margin-top: 15px;
    }
    .btn-default {
        font-size: 16px;
        padding: 18px 55px 18px 25px;
    }
    .btn-default::before {
        transform: translate(-25px, -50%);
    }
    .btn-default:hover:before {
        transform: translate(-22px, -50%);
    }
    .btn-default.btn-highlighted {
        padding: 17px 55px 17px 25px;
    }
    .btn-large {
        font-size: 18px;
        padding: 18px 55px 18px 20px;
    }
    header.main-header {
        margin: 0;
    }
    .navbar {
        padding: 20px 0;
    }
    .hero.bg-section {
        margin: 0 0;
        margin-top: -103px;
        padding: 200px 0 100px;
        border-radius: 0;
    }
    .hero-slider-layout .hero-slide {
        padding: 200px 0 100px;
    }
    .hero-slider-layout .swiper-pagination {
        bottom: 50px;
    }
    .hero-content .section-title p {
        font-size: 20px;
    }
    .about-us {
        padding: 50px 0;
    }
    .about-image {
        text-align: center;
        margin-bottom: 30px;
    }
    .about-content {
        margin-left: 0;
    }
    .about-content-body ul {
        padding: 20px;
    }
    .about-content-body ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .about-content-body ul li:before {
        font-size: 18px;
    }
    .about-content-body {
        margin-bottom: 30px;
    }
    .about-support-content p {
        margin-bottom: 0;
    }
    .about-support-content h3 {
        font-size: 22px;
    }
    .our-service {
        background-size: 50% auto;
        padding: 50px 0;
    }
    
    .our-service .light-bg-section {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    
    .our-service .container-fluid {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-right: 0;
    }
    
    .our-service .container-fluid::-webkit-scrollbar {
        display: none;
    }
    
    .our-service .container-fluid {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .our-service .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: visible;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        gap: 20px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(50% - 195px);
        scroll-padding-right: calc(50% - 195px);
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
        width: 100%;
        box-sizing: border-box;
    }
    
    .our-service .row::-webkit-scrollbar {
        display: none;
    }
    
    .our-service .row > [class*="col-"] {
        flex: 0 0 390px;
        width: 390px;
        max-width: 390px;
        min-width: 390px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    
    .our-service .row > [class*="col-"]:first-child {
        margin-left: calc(50% - 195px);
    }
    
    .our-service .row > [class*="col-"]:last-child {
        margin-right: calc(50% - 195px);
        padding-right: 0;
    }
    
    .service-item {
        margin-bottom: 0;
        height: 480px;
        min-height: 480px;
        max-height: 480px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 40px;
        position: relative;
    }
    
    .service-image {
        flex-shrink: 0;
        width: 95%;
        max-width: 95%;
        margin: 0 auto;
        height: 480px;
        min-height: 480px;
        max-height: 480px;
        overflow: hidden;
        border-radius: 40px;
        position: relative;
    }
    
    .service-image a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 40px;
    }
    
    .service-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 40px;
        display: block;
    }
    
    .service-body {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        transform: translateY(0%) !important;
        max-height: calc(100% - 30px);
        overflow: hidden;
    }
    
    .service-item:hover .service-body {
        transform: translateY(0%) !important;
        bottom: 15px;
    }
    
    .service-content {
        opacity: 1 !important;
        overflow: visible;
    }
    
    .service-item:hover .service-content {
        opacity: 1 !important;
    }
    
    .service-body-title {
        margin-bottom: 10px;
    }
    
    .service-body-title h3 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    
    .service-content {
        margin-bottom: 10px;
    }
    
    .service-content p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .service-content-footer {
        margin-top: 8px;
    }
    
    .service-content-footer .readmore-btn {
        font-size: 16px;
    }
    
    .service-footer-btn {
        position: relative;
        margin-top: 30px;
        padding: 0 20px;
        text-align: center;
        z-index: 10;
        width: 100%;
        flex-shrink: 0;
        clear: both;
        display: block;
    }
    
    .our-service .container-fluid > .service-footer-btn {
        margin-top: 30px;
    }
    .why-choose-us {
        padding: 50px 0 20px;
    }
    
    .why-choose-us .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .why-choose-us .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .why-choose-us .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .why-choose-us .row > [class*="col-"]:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    
    .why-choose-card {
        padding: 28px 24px;
        height: 300px;
        min-height: 300px;
    }
    
    .card-logo-box {
        width: 55px;
        height: 55px;
        margin-bottom: 18px;
    }
    
    .card-logo-box img {
        width: 30px;
        height: 30px;
    }
    
    .card-title {
        font-size: 19px;
        margin-bottom: 12px;
        line-height: 1.3;
        color: rgba(255, 255, 255, 0.95);
    }
    
    .card-description {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1.6;
        opacity: 1;
        height: auto;
        color: rgba(255, 255, 255, 0.9);
    }
    
    .card-graphic {
        width: 180px;
        height: 180px;
        opacity: 0.55;
    }
    .why-choose-item {
        padding: 30px 20px;
    }
    .why-choose-item .icon-box {
        margin-bottom: 20px;
    }
    .why-choose-item .icon-box img {
        max-width: 60px;
    }
    .why-choose-content {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .why-choose-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .why-choose-counter h3 {
        font-size: 46px;
    }
    .our-projects {
        background-size: 50% auto;
        padding: 50px 0;
    }
    
    .our-projects .light-bg-section {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    
    .our-projects .container-fluid {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-right: 0;
    }
    
    .our-projects .container-fluid::-webkit-scrollbar {
        display: none;
    }
    
    .our-projects .container-fluid {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .our-projects .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: visible;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        gap: 20px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(50% - 195px);
        scroll-padding-right: calc(50% - 195px);
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
        width: 100%;
        box-sizing: border-box;
    }
    
    .our-projects .row::-webkit-scrollbar {
        display: none;
    }
    
    .our-projects .row > [class*="col-"] {
        flex: 0 0 390px;
        width: 390px;
        max-width: 390px;
        min-width: 390px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    
    .our-projects .row > [class*="col-"]:first-child {
        margin-left: calc(50% - 195px);
    }
    
    .our-projects .row > [class*="col-"]:last-child {
        margin-right: calc(50% - 195px);
        padding-right: 0;
    }
    
    .project-item {
        margin-bottom: 0;
        height: 480px;
        min-height: 480px;
        max-height: 480px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 40px;
    }
    
    .project-image {
        flex-shrink: 0;
        width: 93%;
        max-width: 93%;
        margin: 0 auto;
        height: 480px;
        min-height: 480px;
        max-height: 480px;
        overflow: hidden;
        border-radius: 40px;
    }
    
    .project-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 40px;
    }
    
    .project-body {
        position: absolute;
        bottom: 56px;
        left: 31px;
        right: 15px;
        transform: translateY(0%) !important;
        max-height: calc(100% - 112px);
        overflow: hidden;
    }
    
    .project-item:hover .project-body {
        transform: translateY(0%) !important;
        bottom: 56px;
    }
    
    .project-content {
        opacity: 1 !important;
        overflow: visible;
    }
    
    .project-item:hover .project-content {
        opacity: 1 !important;
    }
    
    .project-body-title {
        margin-bottom: 10px;
    }
    
    .project-body-title h3 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    
    .project-content {
        margin-bottom: 10px;
    }
    
    .project-content p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .project-content-footer {
        margin-top: 8px;
    }
    
    .project-content-footer .readmore-btn {
        font-size: 16px;
    }
    
    .project-footer-btn {
        position: relative;
        margin-top: 30px;
        padding: 0 20px;
        text-align: center;
        z-index: 10;
        width: 100%;
        flex-shrink: 0;
        clear: both;
        display: block;
    }
    
    .our-projects .container-fluid > .project-footer-btn {
        margin-top: 30px;
    }
    .cta-box {
        background-size: 80% auto;
        padding: 50px 0;
    }
    .cta-box-image {
        right: 0;
    }
    .cta-box-image img {
        width: 300px;
    }
    .our-testimonial {
        padding: 50px 0;
    }
    .testimonial-item {
        padding: 20px;
    }
    .testimonial-rating {
        margin-bottom: 20px;
    }
    .testimonial-rating i {
        font-size: 18px;
    }
    .testimonial-header {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .author-content h3 {
        font-size: 22px;
    }
    .our-faqs {
        background-size: 50% auto;
        padding: 50px 0;
    }
    .our-faqs-images {
        width: 100%;
        max-width: 565px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .faq-accordion {
        margin-left: 0;
    }
    .faq-accordion .accordion-item .accordion-button {
        font-size: 22px;
        padding: 10px 40px 10px 10px;
    }
    .faq-accordion .accordion-item {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .faq-accordion .accordion-item .accordion-button::after,
    .faq-accordion .accordion-item .accordion-button.collapsed::after {
        background-size: contain;
        width: 26px;
        height: 26px;
    }
    .our-blog {
        padding: 50px 0 20px;
    }
    
    .our-blog .container {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-right: 0;
    }
    
    .our-blog .container::-webkit-scrollbar {
        display: none;
    }
    
    .our-blog .container {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .our-blog .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: visible;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        gap: 20px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(50% - 195px);
        scroll-padding-right: calc(50% - 195px);
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
        width: 100%;
        box-sizing: border-box;
    }
    
    .our-blog .row > [class*="col-"]:first-child {
        margin-left: calc(50% - 195px);
        scroll-snap-align: center;
    }
    
    .our-blog .row > [class*="col-"]:last-child {
        margin-right: calc(50% - 195px);
        padding-right: 0;
        scroll-snap-align: center;
    }
    
    .our-blog .row > [class*="col-"] {
        scroll-snap-align: center;
    }
    
    .our-blog .row::-webkit-scrollbar {
        display: none;
    }
    
    .our-blog .row > [class*="col-"] {
        flex: 0 0 390px;
        width: 390px;
        max-width: 390px;
        min-width: 390px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    
    
    .blog-item {
        margin-bottom: 0;
        height: auto;
        min-height: 400px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 40px;
    }
    
    .post-featured-image {
        flex-shrink: 0;
        width: 100%;
        height: 250px;
        min-height: 250px;
        max-height: 250px;
        overflow: hidden;
        border-radius: 40px 40px 0 0;
        position: relative;
    }
    
    .post-featured-image a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 40px 40px 0 0;
    }
    
    .post-featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 40px 40px 0 0;
        display: block;
    }
    
    .post-item-content {
        flex: 1;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .post-item-body {
        margin-bottom: 15px;
    }
    
    .post-item-body h2,
    .post-item-body h4 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .post-item-body h4 a {
        color: #000000 !important;
    }
    .post-item-body h4 a:hover {
        color: var(--accent-color) !important;
    }
    .our-blog .post-item-body h4 a.text-orange-important {
        color: #000000 !important;
    }
    .our-blog .post-item-body h4 a.text-orange-important:hover {
        color: var(--accent-color) !important;
    }
    
    .post-item-footer {
        margin-top: auto;
    }
    
    .post-item-footer .readmore-btn {
        font-size: 16px;
    }
    
    .blog-footer-btn {
        position: relative;
        margin-top: 30px;
        padding: 0 20px;
        text-align: center;
        z-index: 10;
        width: 100%;
        flex-shrink: 0;
        clear: both;
        display: block;
    }
    
    .blog-footer-btn .custom-btn {
        display: inline-flex;
        margin: 0 auto;
    }
    
    .our-blog .container > .blog-footer-btn {
        margin-top: 30px;
    }
    .contact-us {
        background-size: auto;
        padding: 50px 0;
    }
    .contact-sidebar {
        padding: 30px 20px 0;
    }
    .contact-info .icon-box {
        margin-bottom: 15px;
    }
    .contact-info-content h3 {
        font-size: 22px;
    }
    .contact-form {
        padding: 30px;
    }
    .contact-form .form-control {
        padding: 12px;
    }
    .main-footer {
        padding: 50px 0;
    }
    .about-footer {
        margin-bottom: 40px;
    }
    .footer-logo {
        margin-bottom: 30px;
    }
    .footer-logo img {
        max-width: 180px;
    }
    .footer-links h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .footer-contact-box .footer-info-box {
        margin-bottom: 20px;
    }
    .footer-copyright {
        margin-top: 60px;
        padding: 15px 0;
    }
    .footer-copyright .row {
        margin: 0;
    }
    .footer-copyright .row > div {
        margin-bottom: 15px;
    }
    .footer-copyright .row > div:last-child {
        margin-bottom: 0;
    }
    .footer-copyright-img-wrapper {
        overflow: hidden;
        min-height: 50px;
        margin: 15px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 50px;
        height: 50px;
    }
    .footer-copyright-img-wrapper::before,
    .footer-copyright-img-wrapper::after {
        display: none !important;
    }
    .footer-copyright-img {
        max-width: 50px;
        width: 50px;
        height: auto;
        filter: brightness(0) invert(1) !important;
        animation: none !important;
    }
    .footer-copyright-img:hover {
        filter: brightness(0) invert(1) !important;
        animation: none !important;
    }
    .page-header {
        margin: 0 0;
        border-radius: 0;
        padding: 170px 0 80px;
        margin-top: -90px;
    }
    .page-header:before {
        border-radius: 0;
    }
    .page-header-box h1 {
        font-size: 46px;
        margin-bottom: 20px;
    }
    .page-header-box ol li.breadcrumb-item {
        font-size: 20px;
    }
    .page-about-us {
        padding: 50px 0;
    }
    .about-us-image {
        text-align: center;
        margin-bottom: 30px;
    }
    .about-us-content {
        margin-left: 0;
    }
    .about-us-content-body ul {
        padding: 20px;
    }
    .about-us-content-body ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .about-us-content-body ul li:before {
        font-size: 18px;
    }
    .about-us-content-body {
        margin-bottom: 30px;
    }
    .about-us-support-content h3 {
        font-size: 22px;
    }
    .our-company-history {
        padding: 50px 0;
    }
    .company-history-image {
        margin-bottom: 30px;
    }
    .company-history-img {
        text-align: center;
    }
    .company-experience {
        max-width: 175px;
        padding: 30px;
    }
    .company-experience-content h3 {
        font-size: 46px;
    }
    .our-mission-vision {
        padding: 50px 0 20px;
    }
    .mission-vision-item {
        padding: 25px;
        min-height: 250px;
        margin-bottom: 30px;
        height: auto;
    }
    .mission-vision-item .icon-box {
        margin-bottom: 20px;
    }
    .mission-vision-item .icon-box img {
        max-width: 60px;
    }
    .mission-vision-item .mission-vision-content h2,
    .mission-vision-item .mission-vision-content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .intro-video-box .video-image img {
        aspect-ratio: 1/0.55;
    }
    .video-play-button a {
        width: 70px;
        height: 70px;
    }
    .video-play-button a i {
        font-size: 26px;
    }
    .what-we-do {
        padding: 50px 0 20px;
    }
    .what-we-do .section-title {
        max-width: 100%;
    }
    .company-counter-item {
        height: calc(100% - 30px);
        margin-bottom: 30px;
        padding: 40px 20px;
    }
    .company-counter-item .company-counter-content h3 {
        font-size: 46px;
    }
    .our-team {
        padding: 50px 0 20px;
    }
    .team-content {
        margin-bottom: 15px;
    }
    .team-content h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .page-service {
        padding: 50px 0 20px;
    }
    .page-service-single {
        padding: 50px 0;
    }
    .service-sidebar {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .service-categories-list {
        padding: 20px;
    }
    .service-categories-list h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .service-categories-list ul li {
        margin-bottom: 15px;
        padding: 0 0 15px 25px;
    }
    .sidebar-cta-box {
        padding: 20px;
    }
    .sidebar-cta-box .cta-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .sidebar-cta-box .cta-content {
        margin-bottom: 30px;
    }
    .service-single-content p {
        margin-bottom: 20px;
    }
    .service-sustainable-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .service-benefit {
        padding: 50px 0 20px;
    }
    .service-benefit .service-benefit-item {
        padding: 20px;
    }
    .service-benefit-item .icon-box {
        margin-bottom: 20px;
    }
    .service-benefit-item .icon-box img {
        max-width: 60px;
    }
    .service-benefit-item .service-benefit-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .working-process {
        padding: 50px 0 20px;
    }
    .working-process-item {
        padding: 20px;
    }
    .working-process-item .step-number {
        margin-bottom: 20px;
    }
    .working-process-item .step-number h2 {
        font-size: 32px;
    }
    .working-process-item .working-process-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .page-blog {
        padding: 50px 0;
    }
    .page-blog .blog-item {
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .post-pagination {
        margin-top: 10px;
    }
    .post-single-meta ol li i {
        font-size: 20px;
    }
    .page-single-post {
        padding: 50px 0;
    }
    .post-image {
        margin-bottom: 20px;
    }
    .post-entry blockquote {
        background: var(--secondary-color) url(../images/icon-blockquote.svg)
            no-repeat 30px 36px;
        background-size: 45px;
        padding: 30px 30px 30px 90px;
        margin-bottom: 20px;
    }
    .post-entry blockquote p {
        font-size: 18px;
    }
    .post-entry h2 {
        font-size: 36px;
    }
    .post-entry ul li {
        font-size: 16px;
    }
    .post-tag-links {
        padding: 0 0;
    }
    .post-tags {
        margin-bottom: 10px;
    }
    .post-social-sharing ul {
        text-align: left;
    }
    .post-tags .tag-links a {
        font-size: 16px;
        padding: 8px 15px;
    }
    .page-project {
        padding: 50px 0;
    }
    .page-project-single {
        padding: 50px 0;
    }
    .project-single-content {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .project-details-content p {
        margin-bottom: 20px;
    }
    .project-details-title {
        margin-bottom: 20px;
    }
    .project-details-title h3 {
        font-size: 22px;
    }
    .project-details-content {
        margin-bottom: 30px;
    }
    .project-gallery-title h2 {
        font-size: 22px;
    }
    .project-info-box {
        padding: 20px;
    }
    .page-team {
        padding: 50px 0 20px;
    }
    .contact-information {
        padding: 50px 0 20px;
    }
    .contact-info-item {
        padding: 30px 20px;
        border-radius: 12px;
    }
    .contact-info-item .icon-box {
        margin-bottom: 20px;
    }
    .contact-info-item .icon-box img {
        max-width: 50px;
    }
    .contact-info-body h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .contact-info-body p {
        font-size: 15px;
    }
    .google-map {
        padding: 50px 0;
    }
    .google-map .container-fluid {
        padding: 0 20px;
    }
    .google-map-iframe {
        height: 400px;
        border-radius: 30px;
        padding: 2px;
    }
    .google-map-iframe::before {
        border-radius: 28px;
    }
    .google-map-iframe iframe {
        height: 100%;
        border-radius: 28px;
    }
    .page-faq {
        padding: 50px 0;
    }
    .faq-sidebar {
        margin-bottom: 30px;
    }
    .faq-category-box {
        padding: 20px;
    }
    .faq-category-box ul li {
        margin-bottom: 15px;
        padding: 0 0 15px 35px;
    }
    .page-faq .faq-section {
        margin-bottom: 40px;
    }
    .faq-section .faq-accordion .accordion-item {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .faq-section .faq-accordion .accordion-item .accordion-button {
        font-size: 22px;
        padding: 10px 40px 10px 10px;
    }
    .faq-section .faq-accordion .accordion-item .accordion-button::after,
    .faq-section
        .faq-accordion
        .accordion-item
        .accordion-button.collapsed::after {
        background-size: contain;
        width: 26px;
        height: 26px;
    }
    .error-page {
        padding: 50px 0;
    }
    .error-page-image {
        margin-bottom: 30px;
    }
    .error-page-content-heading {
        margin-bottom: 20px;
    }
    .error-page-content-heading h2 {
        font-size: 46px;
    }
}
@media only screen and (max-width: 767px) {
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
    }
    body {
        font-size: 16px;
    }
    .navbar {
        padding: 15px 20px;
    }
    .navbar-toggle {
        right: 15px;
    }
    .slicknav_btn {
        width: 40px;
        height: 40px;
    }
    .slicknav_icon {
        width: 22px;
        height: 16px;
    }
    .section-row {
        margin-bottom: 30px;
    }
    .section-title h1 {
        font-size: 40px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .section-title h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .btn-default {
        padding: 16px 50px 16px 20px;
    }
    .btn-default::before {
        transform: translate(-20px, -50%);
    }
    .btn-default:hover:before {
        transform: translate(-17px, -50%);
    }
    .btn-default.btn-highlighted {
        padding: 15px 50px 15px 20px;
    }
    .btn-large {
        font-size: 16px;
        padding: 18px 50px 18px 20px;
    }
    .hero.bg-section {
        padding: 160px 0 60px;
    }
    .hero-slider-layout .hero-slide {
        padding: 160px 0 100px;
    }
    .hero-content .section-title p {
        font-size: 18px;
    }
    .hero-content-body .btn-default.btn-highlighted {
        margin-left: 0;
        margin-top: 10px;
    }
    .about-content-body ul {
        padding: 15px;
    }
    .about-content-body ul li {
        font-size: 16px;
        padding-left: 25px;
    }
    .about-content-body ul li:before {
        font-size: 16px;
    }
    .about-content-footer {
        display: block;
    }
    .about-contact-support {
        margin-left: 0;
        margin-top: 15px;
    }
    .about-contact-support .icon-box {
        margin-right: 15px;
    }
    .about-contact-support .icon-box img {
        max-width: 35px;
    }
    .about-support-content {
        width: calc(100% - 50px);
    }
    .about-support-content h3 {
        font-size: 20px;
    }
    .service-body-title h3 {
        font-size: 20px;
    }
    .service-footer-btn {
        margin-top: 10px;
    }
    /* Mobilde yatay kaydırma */
    .why-choose-us .container {
        padding-left: 20px;
        padding-right: 20px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .why-choose-us .container::-webkit-scrollbar {
        display: none;
    }
    
    .why-choose-us .container {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .why-choose-us .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .why-choose-us .row::-webkit-scrollbar {
        display: none;
    }
    
    .why-choose-us .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0;
        scroll-snap-align: start;
    }
    
    .why-choose-us .row > [class*="col-"]:first-child {
        padding-left: 0;
    }
    
    .why-choose-us .row > [class*="col-"]:last-child {
        padding-right: 20px;
    }
    
    .why-choose-card {
        padding: 24px 20px;
        height: 400px;
        min-height: 400px;
        max-height: 400px;
        margin-bottom: 0;
        width: 100%;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        position: relative;
        isolation: isolate;
    }
    
    .why-choose-card::before {
        inset: 0;
        border-radius: 12px;
        padding: 0;
    }
    
    /* Mobilde hover efektlerini tamamen kaldır */
    .why-choose-card:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        transform: none !important;
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
        background: rgba(0, 0, 0, 0.65) !important;
        border-color: rgba(255, 140, 0, 0.25) !important;
    }
    
    .why-choose-card:hover::before {
        opacity: 0 !important;
    }
    
    /* Mobilde tüm içerik görünür olsun */
    .card-header-wrapper {
        gap: 12px;
        margin-bottom: 12px;
    }
    
    .why-choose-card .card-title {
        color: rgba(255, 255, 255, 0.95);
        font-size: 18px;
        margin: 0;
        line-height: 1.3;
    }
    
    .why-choose-card .card-description {
        opacity: 1 !important;
        height: auto !important;
        margin-bottom: 16px !important;
        margin-top: 12px !important;
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        line-height: 1.6;
        overflow: visible !important;
    }
    
    .why-choose-card:hover .card-description {
        opacity: 1 !important;
        height: auto !important;
        margin-bottom: 16px !important;
        margin-top: 12px !important;
    }
    
    .card-logo-box {
        width: 50px;
        height: 50px;
        margin-bottom: 16px;
    }
    
    .card-logo-box img {
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
        max-width: 28px;
        max-height: 28px;
        object-fit: contain;
    }
    
    .card-image {
        width: 100%;
        max-width: 100%;
        height: 120px !important;
        min-height: 120px !important;
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        opacity: 1 !important;
        padding: 8px;
        box-sizing: border-box;
    }
    
    .card-image img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
    }
    
    .why-choose-card:hover .card-image {
        opacity: 1 !important;
        height: 120px !important;
        min-height: 120px !important;
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        display: flex !important;
    }
    
    /* Mobilde pointer events'i devre dışı bırak (hover'ı engelle) */
    .why-choose-card {
        pointer-events: auto;
    }
    .why-choose-item {
        padding: 20px;
    }
    .why-choose-item .icon-box {
        margin-bottom: 15px;
    }
    .why-choose-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .why-choose-content {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .why-choose-counter h3 {
        font-size: 36px;
    }
    .project-body-title h3 {
        font-size: 20px;
    }
    .project-footer-btn {
        margin-top: 10px;
    }
    .cta-box-image img {
        width: 150px;
    }
    .testimonial-rating i {
        font-size: 16px;
    }
    .faqs-img-2 img {
        width: 100%;
        max-width: 100%;
    }
    .author-content h3 {
        font-size: 20px;
    }
    .faq-accordion .accordion-item .accordion-button {
        font-size: 18px;
        line-height: 1.2em;
        padding: 10px 35px 10px 0;
    }
    .faq-accordion .accordion-item .accordion-collapse .accordion-body {
        padding: 10px 35px 10px 0;
    }
    .post-item-body h2 {
        font-size: 20px;
    }
    .post-item-body h4 {
        font-size: 20px;
    }
    .post-item-body h4 a {
        color: #000000 !important;
    }
    .post-item-body h4 a:hover {
        color: var(--accent-color) !important;
    }
    .our-blog .post-item-body h4 a.text-orange-important {
        color: #000000 !important;
    }
    .our-blog .post-item-body h4 a.text-orange-important:hover {
        color: var(--accent-color) !important;
    }
    .contact-sidebar {
        margin-bottom: 30px;
    }
    .contact-info .icon-box {
        margin-bottom: 10px;
    }
    .contact-info .icon-box img {
        max-width: 30px;
    }
    .contact-info-content h3 {
        font-size: 20px;
    }
    .contact-form {
        padding: 30px 20px;
    }
    .footer-logo {
        margin-bottom: 20px;
    }
    .footer-logo img {
        max-width: 160px;
    }
    .footer-links {
        margin-bottom: 40px;
    }
    .main-footer .col-12:last-child .footer-links {
        margin-bottom: 0;
    }
    .footer-links h2 {
        font-size: 20px;
        margin-bottom: 20px;
        color: var(--white-color);
    }
    .footer-links h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-links ul li {
        margin-bottom: 15px;
    }
    .footer-copyright {
        margin-top: 40px;
        text-align: center;
    }
    .footer-copyright .row {
        margin: 0;
    }
    .footer-copyright .row > div {
        margin-bottom: 15px;
    }
    .footer-copyright .row > div:last-child {
        margin-bottom: 0;
    }
    .footer-copyright-text {
        margin-bottom: 10px;
    }
    .footer-copyright .footer-social-links ul {
        text-align: center;
    }
    .footer-copyright-img-wrapper {
        overflow: hidden;
        min-height: 50px;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 50px;
        height: 50px;
    }
    .footer-copyright-img-wrapper::before,
    .footer-copyright-img-wrapper::after {
        display: none !important;
    }
    .footer-copyright-img {
        max-width: 50px;
        width: 50px;
        height: auto;
        filter: brightness(0) invert(1) !important;
        animation: none !important;
    }
    .footer-copyright-img:hover {
        filter: brightness(0) invert(1) !important;
        animation: none !important;
    }
    .page-header {
        padding: 150px 0 60px;
    }
    .page-header-box h1 {
        font-size: 36px;
    }
    .page-header-box ol li.breadcrumb-item {
        font-size: 16px;
    }
    .about-us-content-body ul {
        padding: 15px;
    }
    .about-us-content-body ul li {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 25px;
    }
    .about-us-content-body ul li:before {
        font-size: 16px;
    }
    .about-us-content-footer {
        display: block;
    }
    .about-us-contact-support {
        margin-left: 0;
        margin-top: 15px;
    }
    .about-us-contact-support .icon-box {
        margin-right: 15px;
    }
    .about-us-contact-support .icon-box img {
        max-width: 35px;
    }
    .about-us-support-content {
        width: calc(100% - 50px);
    }
    .about-us-support-content h3 {
        font-size: 20px;
    }
    .company-history-image {
        padding-bottom: 50px;
    }
    .company-experience {
        padding: 15px;
        bottom: 0;
        right: 110px;
    }
    .company-experience-content h3 {
        font-size: 36px;
    }
    .mission-vision-item {
        padding: 20px;
        min-height: 220px;
    }
    .mission-vision-item .icon-box {
        margin-bottom: 15px;
    }
    .mission-vision-item .icon-box img {
        max-width: 50px;
    }
    .mission-vision-item .mission-vision-content h2,
    .mission-vision-item .mission-vision-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .mission-vision-item .mission-vision-content p {
        font-size: 15px;
    }
    .company-counter-item {
        padding: 30px 20px;
    }
    .company-counter-item .company-counter-content h3 {
        font-size: 36px;
    }
    .team-body {
        padding: 20px;
    }
    .team-content h3 {
        font-size: 20px;
    }
    .service-categories-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .sidebar-cta-box .cta-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .service-entry ul li {
        width: 100%;
    }
    .service-sustainable-img-1 {
        margin-bottom: 30px;
    }
    .service-sustainable-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .service-benefit-item .icon-box {
        margin-bottom: 15px;
    }
    .service-benefit-item .service-benefit-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .working-process-item .step-number {
        margin-bottom: 15px;
    }
    .working-process-item .step-number h2 {
        font-size: 24px;
    }
    .working-process-item .working-process-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .post-single-meta ol li i {
        font-size: 18px;
    }
    .post-image figure,
    .post-image img {
        aspect-ratio: 1 / 0.7;
    }
    .post-entry blockquote {
        background: var(--secondary-color) url(../images/icon-blockquote.svg)
            no-repeat 20px 20px;
        background-size: 35px;
        padding: 55px 20px 20px 20px;
    }
    .post-entry h2 {
        font-size: 30px;
    }
    .tag-links {
        font-size: 20px;
    }
    .project-single-content {
        margin-bottom: 30px;
    }
    .project-featured-image {
        margin-bottom: 20px;
    }
    .project-details-title h3 {
        font-size: 20px;
    }
    .project-details-content ul {
        display: block;
    }
    .project-details-content ul li {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 25px;
    }
    .project-details-content ul li:last-child {
        margin-bottom: 0;
    }
    .project-details-content ul li:before {
        font-size: 18px;
    }
    .project-gallery-title h2 {
        font-size: 20px;
    }
    .project-gallery-item {
        margin-bottom: 20px;
    }
    .contact-sidebar.page-contact-sidebar {
        margin-bottom: 0;
        margin-top: 30px;
    }
    .contact-info-item {
        padding: 25px 20px;
        border-radius: 12px;
    }
    .contact-info-item .icon-box img {
        max-width: 45px;
    }
    .contact-info-body h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .contact-info-body p {
        font-size: 14px;
    }
    .contact-social-list {
        margin-bottom: 30px;
    }
    .contact-info-body h3 {
        font-size: 20px;
    }
    .contact-social-list h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .google-map {
        padding: 30px 0;
    }
    .google-map .container-fluid {
        padding: 0 15px;
    }
    .google-map-iframe {
        height: 350px;
        border-radius: 20px;
        padding: 2px;
    }
    .google-map-iframe::before {
        border-radius: 18px;
    }
    .google-map-iframe iframe {
        height: 100%;
        border-radius: 18px;
    }
    .faq-section .faq-accordion .accordion-item .accordion-button {
        font-size: 20px;
        padding: 10px 35px 10px 0;
    }
    .faq-section
        .faq-accordion
        .accordion-item
        .accordion-collapse
        .accordion-body {
        padding: 10px 35px 10px 0;
    }
    .error-page-content-heading h2 {
        font-size: 36px;
    }
}

/* Custom Utility Classes - Inline Style Replacements */
/* Screen Reader Only - Görsel olarak gizli ama ekran okuyucular için erişilebilir */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
/* SVG Filters */
.svg-orange {
    filter: brightness(0) saturate(100%) invert(68%) sepia(78%) saturate(1352%) hue-rotate(339deg) brightness(96%) contrast(87%);
}
.svg-white {
    filter: brightness(0) invert(1);
}
.svg-full-width {
    width: 100%;
}

/* Text Colors */
.text-orange {
    color: #de7e3c;
}
.text-white {
    color: white;
}
.text-white-important {
    color: white !important;
}
.text-orange-important {
    color: #de7e3c !important;
}
.text-purple-important {
    color: #010102 !important;
}

/* Font Sizes */
.fs-16 {
    font-size: 16px;
}
.fs-24 {
    font-size: 24px;
}
.fs-38 {
    font-size: 38px;
}
.fs-56 {
    font-size: 56px;
}
.fs-70 {
    font-size: 70px;
}

/* Margins */
.mb-0 {
    margin-bottom: 0;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.ml-4 {
    margin-left: 4px;
}

/* Hero Slider Styles */
.hero-subtitle {
    color: var(--accent-color);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.hero-title {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    color: white;
    perspective: 400px;
    text-transform: none;
}
.about-title-large {
    color: #de7e3c;
    font-size: 70px;
    letter-spacing: -0.03em;
    cursor: none;
    line-height: 1.1em;
    perspective: 400px;
    font-weight: 800;
    text-transform: none;
    margin-bottom: 0;
}

/* Section Titles */
.section-title-h2 {
    margin-bottom: 15px;
}
.section-title-h2-large {
    font-size: 38px;
}

/* Project/Service Item Titles */
.item-title-white {
    color: white;
}

/* Page Header Background */
.page-header-bg {
    background-image: url('../images/genc-osman-cam-balkon.png') !important;
}

/* Iframe Styles */
.iframe-no-border {
    border: 0;
}

/* Image Styles */
.img-full-width {
    width: 100%;
}
.img-max-width-60 {
    max-width: 60px;
}

/* Footer Copyright Image */
.footer-copyright-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.footer-copyright-img {
    max-width: 60px;
    filter: brightness(0) invert(1);
    transition: filter 0.4s ease;
    position: relative;
    display: block;
    z-index: 2;
}
.footer-copyright-img:hover {
    animation: glitch-color-switch 1.2s linear infinite, glitch-slice 1s linear infinite;
}
.footer-copyright-img-wrapper::before,
.footer-copyright-img-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-image: url('https://qualitacreative.com/uploads/settings/September2024/50N5KHmbJqd2NZj2IV5l.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease;
}
.footer-copyright-img-wrapper:hover::before {
    opacity: 0.7;
    animation: glitch-red 1s linear infinite;
    filter: brightness(1.4) contrast(1.4) saturate(3);
    mix-blend-mode: screen;
}
.footer-copyright-img-wrapper:hover::after {
    opacity: 0.7;
    animation: glitch-cyan 1s linear infinite;
    filter: brightness(1.4) contrast(1.4) saturate(3) hue-rotate(180deg);
    mix-blend-mode: screen;
}
@keyframes glitch-color-switch {
    0% {
        filter: brightness(0) invert(1);
    }
    15% {
        filter: none;
    }
    30% {
        filter: brightness(0) invert(1);
    }
    45% {
        filter: none;
    }
    60% {
        filter: brightness(0) invert(1);
    }
    75% {
        filter: none;
    }
    90% {
        filter: brightness(0) invert(1);
    }
    100% {
        filter: none;
    }
}
@keyframes glitch-slice {
    0%, 100% {
        clip-path: inset(0 0 0 0);
        transform: translate(0);
    }
    5% {
        clip-path: inset(15% 0 75% 0);
        transform: translate(3px, 0);
    }
    10% {
        clip-path: inset(25% 0 65% 0);
        transform: translate(-3px, 0);
    }
    15% {
        clip-path: inset(35% 0 55% 0);
        transform: translate(2px, 0);
    }
    20% {
        clip-path: inset(45% 0 45% 0);
        transform: translate(-2px, 0);
    }
    25% {
        clip-path: inset(55% 0 35% 0);
        transform: translate(3px, 0);
    }
    30% {
        clip-path: inset(65% 0 25% 0);
        transform: translate(-3px, 0);
    }
    35% {
        clip-path: inset(75% 0 15% 0);
        transform: translate(2px, 0);
    }
    40% {
        clip-path: inset(85% 0 5% 0);
        transform: translate(-2px, 0);
    }
    45% {
        clip-path: inset(0 0 0 0);
        transform: translate(0);
    }
    50% {
        clip-path: inset(10% 0 80% 0);
        transform: translate(3px, 0);
    }
    55% {
        clip-path: inset(20% 0 70% 0);
        transform: translate(-3px, 0);
    }
    60% {
        clip-path: inset(30% 0 60% 0);
        transform: translate(2px, 0);
    }
    65% {
        clip-path: inset(40% 0 50% 0);
        transform: translate(-2px, 0);
    }
    70% {
        clip-path: inset(50% 0 40% 0);
        transform: translate(3px, 0);
    }
    75% {
        clip-path: inset(60% 0 30% 0);
        transform: translate(-3px, 0);
    }
    80% {
        clip-path: inset(70% 0 20% 0);
        transform: translate(2px, 0);
    }
    85% {
        clip-path: inset(80% 0 10% 0);
        transform: translate(-2px, 0);
    }
    90% {
        clip-path: inset(0 0 0 0);
        transform: translate(0);
    }
    95% {
        clip-path: inset(5% 0 85% 0);
        transform: translate(3px, 0);
    }
}
@keyframes glitch-red {
    0%, 100% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    5% {
        transform: translate(-50%, -50%) translate(4px, -1px);
        clip-path: polygon(0 15%, 100% 15%, 100% 75%, 0 75%);
    }
    10% {
        transform: translate(-50%, -50%) translate(-3px, 1px);
        clip-path: polygon(0 25%, 100% 25%, 100% 65%, 0 65%);
    }
    15% {
        transform: translate(-50%, -50%) translate(3px, -0.5px);
        clip-path: polygon(0 35%, 100% 35%, 100% 55%, 0 55%);
    }
    20% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
    }
    25% {
        transform: translate(-50%, -50%) translate(4px, -1px);
        clip-path: polygon(0 55%, 100% 55%, 100% 35%, 0 35%);
    }
    30% {
        transform: translate(-50%, -50%) translate(-3px, 1px);
        clip-path: polygon(0 65%, 100% 65%, 100% 25%, 0 25%);
    }
    35% {
        transform: translate(-50%, -50%) translate(3px, -0.5px);
        clip-path: polygon(0 75%, 100% 75%, 100% 15%, 0 15%);
    }
    40% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 85%, 100% 85%, 100% 5%, 0 5%);
    }
    45% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    50% {
        transform: translate(-50%, -50%) translate(4px, -1px);
        clip-path: polygon(0 10%, 100% 10%, 100% 80%, 0 80%);
    }
    55% {
        transform: translate(-50%, -50%) translate(-3px, 1px);
        clip-path: polygon(0 20%, 100% 20%, 100% 70%, 0 70%);
    }
    60% {
        transform: translate(-50%, -50%) translate(3px, -0.5px);
        clip-path: polygon(0 30%, 100% 30%, 100% 60%, 0 60%);
    }
    65% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 40%, 100% 40%, 100% 50%, 0 50%);
    }
    70% {
        transform: translate(-50%, -50%) translate(4px, -1px);
        clip-path: polygon(0 50%, 100% 50%, 100% 40%, 0 40%);
    }
    75% {
        transform: translate(-50%, -50%) translate(-3px, 1px);
        clip-path: polygon(0 60%, 100% 60%, 100% 30%, 0 30%);
    }
    80% {
        transform: translate(-50%, -50%) translate(3px, -0.5px);
        clip-path: polygon(0 70%, 100% 70%, 100% 20%, 0 20%);
    }
    85% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 80%, 100% 80%, 100% 10%, 0 10%);
    }
    90% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    95% {
        transform: translate(-50%, -50%) translate(4px, -1px);
        clip-path: polygon(0 5%, 100% 5%, 100% 85%, 0 85%);
    }
}
@keyframes glitch-cyan {
    0%, 100% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    5% {
        transform: translate(-50%, -50%) translate(-4px, 1px);
        clip-path: polygon(0 15%, 100% 15%, 100% 75%, 0 75%);
    }
    10% {
        transform: translate(-50%, -50%) translate(3px, -1px);
        clip-path: polygon(0 25%, 100% 25%, 100% 65%, 0 65%);
    }
    15% {
        transform: translate(-50%, -50%) translate(-3px, 0.5px);
        clip-path: polygon(0 35%, 100% 35%, 100% 55%, 0 55%);
    }
    20% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
    }
    25% {
        transform: translate(-50%, -50%) translate(-4px, 1px);
        clip-path: polygon(0 55%, 100% 55%, 100% 35%, 0 35%);
    }
    30% {
        transform: translate(-50%, -50%) translate(3px, -1px);
        clip-path: polygon(0 65%, 100% 65%, 100% 25%, 0 25%);
    }
    35% {
        transform: translate(-50%, -50%) translate(-3px, 0.5px);
        clip-path: polygon(0 75%, 100% 75%, 100% 15%, 0 15%);
    }
    40% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 85%, 100% 85%, 100% 5%, 0 5%);
    }
    45% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    50% {
        transform: translate(-50%, -50%) translate(-4px, 1px);
        clip-path: polygon(0 10%, 100% 10%, 100% 80%, 0 80%);
    }
    55% {
        transform: translate(-50%, -50%) translate(3px, -1px);
        clip-path: polygon(0 20%, 100% 20%, 100% 70%, 0 70%);
    }
    60% {
        transform: translate(-50%, -50%) translate(-3px, 0.5px);
        clip-path: polygon(0 30%, 100% 30%, 100% 60%, 0 60%);
    }
    65% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 40%, 100% 40%, 100% 50%, 0 50%);
    }
    70% {
        transform: translate(-50%, -50%) translate(-4px, 1px);
        clip-path: polygon(0 50%, 100% 50%, 100% 40%, 0 40%);
    }
    75% {
        transform: translate(-50%, -50%) translate(3px, -1px);
        clip-path: polygon(0 60%, 100% 60%, 100% 30%, 0 30%);
    }
    80% {
        transform: translate(-50%, -50%) translate(-3px, 0.5px);
        clip-path: polygon(0 70%, 100% 70%, 100% 20%, 0 20%);
    }
    85% {
        transform: translate(-50%, -50%) translate(2px, -1px);
        clip-path: polygon(0 80%, 100% 80%, 100% 10%, 0 10%);
    }
    90% {
        transform: translate(-50%, -50%) translate(-2px, 1px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    95% {
        transform: translate(-50%, -50%) translate(-4px, 1px);
        clip-path: polygon(0 5%, 100% 5%, 100% 85%, 0 85%);
    }
}
/* btnnew */
/* === NEON GLASS BUTTON === */
.custom-btn {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.45); /* Glass */
    border-radius: 12px; /* Oval köşe */
    overflow: hidden;
    padding: 0;
    height: 64px;
    text-decoration: none;
    color: #d9d9d9;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    backdrop-filter: blur(8px); /* Cam efekti */
    border: 1px solid rgba(255, 140, 0, 0.25); /* Turuncu soft border */
    transition: 0.35s ease;
    box-shadow: none;
}

/* Gradient neon border (sadece hover'da daha güçlü görünür) */
.custom-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(45deg, #ff8a00, #ff4500);
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Sol ikon bölmesi */
.custom-btn .btn-left {
    width: 68px;
    height: 100%;
    background: rgba(0, 0, 0, 0.068); /* Artık siyah kare görünmez */
    backdrop-filter: blur(6px);       /* Cam efekti */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.35s ease;
    box-shadow: none;
}

/* İKON – Normalde beyaz */
.custom-btn .btn-left img {
    width: 34px;
    filter: brightness(0) invert(1);
    transition: 0.3s ease;
}

/* Yazı alanı otomatik genişler */
.custom-btn span {
    padding: 0 26px;
    white-space: nowrap;
    transition: 0.3s ease;
}

/* === HOVER EFEKTLERİ === */
.custom-btn:hover {
    border-color: rgba(255, 140, 0, 0.75);
    box-shadow: 0 0 18px rgba(255,140,0,0.4); /* dış glow */
}

.custom-btn:hover::before {
    opacity: 1; /* gradient neon border görünür */
}

.custom-btn:hover span {
    color: #fff;
}

/* Sol taraf neon patlama */
.custom-btn:hover .btn-left {
    background: linear-gradient(
        90deg,
        rgba(255,140,0,0.9),
        rgba(255,140,0,0.25)
    );
}

/* PNG ikon neon glow */
.custom-btn:hover .btn-left img {
    filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,140,0,0.95));
}

/* Button elementi için ek stiller */
button.custom-btn {
    border: none;
    font-family: inherit;
    outline: none;
}

/* Düğmelerinizi saran kapsayıcı (Tüm düğmeleri tek bu div sarmalamalı) */
.fixed-buttons-wrapper {
    position: absolute;  /* Mutlak Konumlandırma */
    z-index: 100;        /* Her zaman en üstte kalmasını sağlar. */

    /* Düğmeleri üstten konumlandırmak için: */
    top: 330px;          /* İstenen üst konumu kullanın. */
    
    /* Yan yana ve merkezlenmiş konumlandırma: */
    left: 50%;           
    transform: translateX(-50%); /* Yatayda merkeze hizalar. */
    
    
    display: flex;       /* Düğmeleri yan yana dizer. */
    gap: 15px;           /* Düğmeler arasına boşluk koyar. */
}
/* 2. MOBİL CİHAZ KONUMLANDIRMASI */
/* Ekran genişliği 767 piksel ve altındayken bu kurallar uygulanır. */
@media (max-width: 767px) {
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
    }
    .fixed-buttons-wrapper {
        position: relative;  /* Mobilde normal akışa geç */
        top: auto;          /* Top değerini sıfırla */
        bottom: auto;       /* Bottom değerini sıfırla */
        left: auto;         /* Left değerini sıfırla */
        transform: none;    /* Transform'u kaldır */
        width: 100%;        /* Tam genişlik */
        margin-top: 20px;   /* Yazının altına boşluk */
        
        /* Mobil cihazda düğmeleri dikeyde alt alta diz */
        flex-direction: column;
        gap: 15px;
        align-items: stretch; /* Butonlar tam genişlik olsun */
    }
    
    /* Mobilde butonlar tam genişlik olsun */
    .fixed-buttons-wrapper .custom-btn {
        width: 100%;
        justify-content: flex-start; /* İçeriği sola hizala */
    }
}
.hero-slider-image img {
    height: 100vh !important;
    display: block;
}
@media (max-width: 768px) {
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
    }
    .hero-slider-image img.position-right {
        height: 50vh;
        object-position: 84% 100%;
    }
}
.main-footer {
    position: relative;
    background-color: #000000;
    overflow: hidden;
    z-index: 10;
    border-radius: 40px 40px 0 0;
}
.footer-gif {
    position: absolute;
    top: -20px;
    right: -430px;
    width: 830px;
    height: 1000px;
    background: url('/images/gif footer (1).gif') center/cover no-repeat;
    z-index: 0;
    pointer-events: none;
    filter: sepia(1) saturate(6) hue-rotate(324deg) brightness(1) drop-shadow(0 0 2px orange);
    isolation: isolate;
}
.footer-energy-light {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    width: 300px;
    height: 4px;
    background: radial-gradient(circle, rgba(255,180,0,1) 40%, rgba(255,150,0,0.8) 60%, rgba(255,120,0,0.4) 75%, rgba(255,120,0,0) 100%);
    border-radius: 50px;
    filter: drop-shadow(0 0 10px rgba(255,170,0,1)) drop-shadow(0 0 20px rgba(255,140,0,0.8)) drop-shadow(0 0 40px rgba(255,120,0,0.5));
    animation: energyPulse 1.8s infinite ease-in-out alternate;
    pointer-events: none;
    z-index: 9999;
}
@keyframes energyPulse {
    0% {
        opacity: 0.35;
        transform: translateX(-50%) scale(0.85);
        filter: drop-shadow(0 0 6px rgba(255,140,0,0.7)) drop-shadow(0 0 12px rgba(255,120,0,0.4));
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) scale(1.12);
        filter: drop-shadow(0 0 14px rgba(255,180,0,1)) drop-shadow(0 0 28px rgba(255,150,0,0.8)) drop-shadow(0 0 45px rgba(255,120,0,0.5));
    }
    100% {
        opacity: 0.35;
        transform: translateX(-50%) scale(0.85);
        filter: drop-shadow(0 0 6px rgba(255,140,0,0.7)) drop-shadow(0 0 12px rgba(255,120,0,0.4));
    }
}

/* Web Scraper Koruması - Text Seçimini Zorlaştır */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Önemli içerikler için seçime izin ver */
p, h1, h2, h3, h4, h5, h6, span, a, li, td, th, input, textarea, button {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}