/* ----------------------------------

Template Name: Robok - AI Agency & Technology HTML Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Sora
Main Color   : #7476ff

-------------------------------------

[Typography]

Body copy:    15px 'Sora', sans-serif
Header:     36px 'Sora', sans-serif
Input, textarea:  16px 'Sora', sans-serif
Sidebar heading:  20px 'Sora', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
    02. Preloader
    03. Topbar
	    - Topbar Style One
        - Topbar Style Two
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Banner Fade
        - Banner Slide
        - Banner Zoom
    06. About Us
	    - About Style One
        - About Style Two
    07. Services
        - Tab Version
        - Grid Version
        - Services Single
    08. Features
    09. Work Process
    10. Why Choose Us
    11. Fun Factor
    12. Pricing Table
    12. Partner World Wide
    13. Team
        - Grid Version
        - Carousel Version
        - Team Details
    14. Testimonials
		- Single Slider
        - Center Slider
    15. Projects
		- Grid Version
        - Carousel Version
        - Project Details
    16. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    17. Request Call Back
    18. FAQ
    19. Error 404
    20. Footer
    21. PHP Contact Form
    22. Others

*/

/*
** Write you custom css below
*/

/* ===================================
   Video Background Styles
   =================================== */
.banner-video-background {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    background: #000 !important;
    background-image: none !important;
}

.banner-video-background video,
.banner-video-background iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: none !important;
}

.banner-video-background iframe {
    transform: scale(1.5) !important;
    transform-origin: center !important;
}

.banner-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(26,28,46,0.7) 0%, rgba(26,28,46,0.85) 100%);
    z-index: 2;
}

.banner-video-content {
    position: relative;
    z-index: 5;
}

/* Video yükleniyor göstergesi */
.video-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 18px;
    z-index: 4;
    display: none;
}

.video-loading.show {
    display: block;
}

/* ===================================
   Side Menu Styles
   =================================== */
.side-menu-banner {
    height: 180px;
    background: url('assets/img/shape/banner-2.jpg') center center/cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    margin: 0;
}

.side-menu-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(13,115,252,0.3) 0%, rgba(26,28,46,0.85) 100%);
}

/* Form Styles for Side Menu */
.form-group-custom {
    margin-bottom: 15px;
}

.form-control-custom {
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.05);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
}

.form-control-custom::placeholder {
    color: rgba(255,255,255,0.6);
}

.form-control-custom option {
    background: #1a1c2e;
    color: #fff;
}

.form-control-custom option[disabled] {
    color: #999;
}

.form-control-custom:focus {
    outline: none;
    border-color: #0d73fc;
}

.kvkk-consent-wrapper {
    margin-bottom: 20px;
}

.kvkk-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 12px;
    color: rgba(255,255,255,0.85);
}

.kvkk-checkbox {
    margin-right: 8px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.kvkk-link {
    color: #0d73fc;
    text-decoration: underline;
    font-weight: 600;
}

.btn-submit {
    width: 100%;
    background: #0d73fc;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.btn-submit:hover {
    background: #0b5fcc;
}

/* ===================================
   Contact Popup Styles
   =================================== */
.contact-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100000;
    overflow-y: auto;
    padding: 20px;
}

.contact-popup-inner {
    max-width: 600px;
    margin: 50px auto;
    background: #1a1c2e;
    border-radius: 12px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}

.contact-popup-banner {
    height: 200px;
    background: url('assets/img/shape/banner-2.jpg') center center/cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
}

.contact-popup-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(13,115,252,0.4) 0%, rgba(26,28,46,0.85) 100%);
}

.popup-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255,255,255,0.15);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 10;
}

.popup-close-btn:hover {
    background: rgba(255,255,255,0.25);
}

.contact-popup-content {
    padding: 40px;
    color: #fff;
    position: relative;
}

.form-group-popup {
    margin-bottom: 20px;
}

.form-control-popup {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.05);
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
}

.form-control-popup::placeholder {
    color: rgba(255,255,255,0.6);
}

.form-control-popup option {
    background: #1a1c2e;
    color: #fff;
}

.form-control-popup option[disabled] {
    color: #999;
}

.form-control-popup:focus {
    outline: none;
    border-color: #0d73fc;
}

.kvkk-consent-popup {
    margin-bottom: 25px;
}

.kvkk-label-popup {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 13px;
    color: rgba(255,255,255,0.85);
}

.kvkk-checkbox-popup {
    margin-right: 10px;
    margin-top: 3px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.kvkk-link-popup {
    color: #0d73fc;
    text-decoration: underline;
    font-weight: 600;
}

.btn-submit-popup {
    width: 100%;
    background: #0d73fc;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.3s ease;
}

.btn-submit-popup:hover {
    background: #0b5fcc;
}

/* ===================================
   KVKK Modal Styles
   =================================== */
.kvkk-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100001;
    overflow-y: auto;
    padding: 20px;
}

.kvkk-modal-inner {
    max-width: 800px;
    margin: 50px auto;
    background: #1a1c2e;
    border-radius: 12px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.5);
    position: relative;
}

.kvkk-modal-content {
    padding: 40px;
    color: #fff;
}

.kvkk-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #0d73fc;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all 0.3s ease;
}

.kvkk-close-btn:hover {
    background: #0b5fcc;
}

.kvkk-title {
    color: #0d73fc;
    margin: 0 0 30px 0;
    font-size: 28px;
    font-weight: 600;
}

.kvkk-text {
    line-height: 1.8;
    font-size: 14px;
    color: rgba(255,255,255,0.9);
}

.kvkk-subtitle {
    color: #0d73fc;
    font-size: 18px;
    margin: 25px 0 15px 0;
}

.kvkk-paragraph {
    margin: 0 0 15px 0;
}

.kvkk-list {
    margin: 0 0 15px 20px;
    padding: 0;
}

.kvkk-update {
    margin: 30px 0 0 0;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}

/* ===================================
   Cookie Consent Styles
   =================================== */
.cookie-consent {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 420px;
    background: #1a1c2e;
    color: #fff;
    padding: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
    z-index: 100000;
    border-radius: 12px;
    border: 1px solid rgba(13,115,252,0.3);
    animation: slideInLeft 0.4s ease-out;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOutLeft {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100px);
    }
}

.cookie-closing {
    animation: slideOutLeft 0.3s ease-in forwards;
}

.cookie-title {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.cookie-emoji {
    font-size: 22px;
    margin-right: 8px;
}

.cookie-text {
    margin: 0 0 15px 0;
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
}

.cookie-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cookie-btn-accept {
    background: #0d73fc;
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.3s ease;
    width: 100%;
}

.cookie-btn-accept:hover {
    background: #0b5fcc;
}

.cookie-buttons-row {
    display: flex;
    gap: 8px;
}

.cookie-btn-customize,
.cookie-btn-reject {
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
    flex: 1;
}

.cookie-btn-customize {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
}

.cookie-btn-customize:hover {
    background: rgba(255,255,255,0.15);
}

.cookie-btn-reject {
    background: transparent;
    color: rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.2);
}

.cookie-btn-reject:hover {
    background: rgba(255,255,255,0.05);
}

/* ===================================
   Cookie Settings Modal
   =================================== */
.cookie-settings-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100001;
    overflow-y: auto;
    padding: 20px;
}

.cookie-settings-inner {
    max-width: 700px;
    margin: 50px auto;
    background: #1a1c2e;
    border-radius: 12px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.5);
    position: relative;
}

.cookie-settings-content {
    padding: 40px;
    color: #fff;
}

.cookie-settings-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #0d73fc;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all 0.3s ease;
}

.cookie-settings-close:hover {
    background: #0b5fcc;
}

.cookie-settings-title {
    color: #0d73fc;
    margin: 0 0 10px 0;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.cookie-settings-emoji {
    font-size: 32px;
    margin-right: 12px;
}

.cookie-settings-desc {
    margin: 0 0 30px 0;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}

.cookie-option {
    margin-bottom: 25px;
    padding: 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
}

.cookie-option.necessary {
    border-left: 4px solid #0d73fc;
}

.cookie-option-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.cookie-option-checkbox {
    margin-right: 12px;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.cookie-option-checkbox:disabled {
    cursor: not-allowed;
}

.cookie-option-content {
    flex: 1;
}

.cookie-option-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
}

.cookie-option-desc {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    line-height: 1.6;
}

.cookie-settings-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.cookie-settings-cancel,
.cookie-settings-save {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.cookie-settings-cancel {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
}

.cookie-settings-cancel:hover {
    background: rgba(255,255,255,0.15);
}

.cookie-settings-save {
    background: #0d73fc;
    color: #fff;
    border: none;
}

.cookie-settings-save:hover {
    background: #0b5fcc;
}

/* ===================================
   Logo Animation
   =================================== */
@keyframes logoFloat {
    0% {
        transform: translateY(0px) scale(1);
    }
    50% {
        transform: translateY(-20px) scale(1.05);
    }
    100% {
        transform: translateY(0px) scale(1);
    }
}

/* ===================================
   Inner Page Banner Height Adjustment
   =================================== */
.banner-style-three-area.overflow-hidden.bg-gray.bg-cover:not(.iletisim-banner) {
    min-height: 350px !important;
    padding: 120px 0 80px !important;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .banner-style-three-info h2 {
    font-size: 42px !important;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .illustration img {
    max-width: 300px !important;
}

/* ===================================
   Contact Page Banner with Breadcrumb
   =================================== */
.banner-style-three-area.iletisim-banner {
    min-height: 580px !important;
    max-height: 580px !important;
    height: 580px !important;
    padding: 180px 0 120px !important;
}

@media (min-width: 1024px) {
    .banner-style-three-area.iletisim-banner {
        min-height: 580px !important;
        max-height: 580px !important;
        height: 580px !important;
        padding: 180px 0 120px !important;
    }
}

.banner-style-three-area.iletisim-banner .banner-style-three-info h2 {
    font-size: 32px !important;
    margin-bottom: 10px !important;
}

.banner-style-three-area.iletisim-banner .illustration {
    position: relative;
}

.banner-style-three-area.iletisim-banner .illustration .shape-main {
    max-width: 220px !important;
    opacity: 0.3 !important;
    margin-top: -100px !important;
    animation: shapeFloat 6s ease-in-out infinite;
    position: relative;
    z-index: 2;
}

.banner-style-three-area.iletisim-banner .illustration .shape-secondary {
    position: absolute;
    left: -80px;
    top: -40px;
    width: 100px !important;
    max-width: 100px !important;
    opacity: 0.12 !important;
    filter: blur(5px);
    animation: shapeFloatSecondary 7s ease-in-out infinite;
    z-index: 1;
}

@keyframes shapeFloat {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

@keyframes shapeFloatSecondary {
    0%, 100% {
        transform: translateX(0px) translateY(0px) rotate(3deg) scale(1);
    }
    33% {
        transform: translateX(-15px) translateY(10px) rotate(-2deg) scale(0.95);
    }
    66% {
        transform: translateX(10px) translateY(-15px) rotate(5deg) scale(1.05);
    }
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li a {
    color: var(--color-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li a:hover {
    color: #fff;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li.active {
    color: #fff;
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li:after {
    content: "/";
    margin: 0 10px;
    color: rgba(255,255,255,0.5);
}

.banner-style-three-area.overflow-hidden.bg-gray.bg-cover .breadcrumb li:last-child:after {
    display: none;
}

/* ===================================
   Contact Form Text Visibility Fix
   =================================== */
.contact-form-card {
    padding: 40px !important;
}

.contact-form-card .sub-title {
    color: #fff !important;
    font-size: 20px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.contact-form-card > p {
    color: #fff !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
    display: block !important;
    opacity: 0.9 !important;
}

.contact-form-card .form-group {
    margin-bottom: 20px !important;
}

.contact-form-card .kvkk-label {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
}

.contact-form-card .kvkk-label span {
    color: #fff !important;
    display: inline !important;
}

.contact-form-card .kvkk-link {
    color: var(--color-primary) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.contact-form-card .kvkk-checkbox {
    margin-right: 8px !important;
    margin-top: 3px !important;
    flex-shrink: 0 !important;
}

/* ===================================
   Services Sidebar Widget Styles
   =================================== */
.services-sidebar .single-widget.services-list-widget {
    background: var(--color-primary);
    padding: 30px 25px;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}

.services-sidebar .single-widget.services-list-widget .widget-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.services-sidebar .single-widget.services-list-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-sidebar .single-widget.services-list-widget ul li {
    margin-bottom: 10px;
}

.services-sidebar .single-widget.services-list-widget ul li:last-child {
    margin-bottom: 0;
}

.services-sidebar .single-widget.services-list-widget ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 12px 15px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.services-sidebar .single-widget.services-list-widget ul li a:hover {
    background: rgba(255, 255, 255, 0.2);
    padding-left: 20px;
}

.services-sidebar .single-widget.services-list-widget ul li.current-menu-item a {
    background: #fff;
    color: var(--color-primary);
    font-weight: 600;
}

/* ===================================
   Project Pagination Styles
   =================================== */
.project-pagination .project-paginvation-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-pagination .project-previous,
.project-pagination .project-next {
    flex: 1;
}

.project-pagination .project-all {
    margin: 0 20px;
}

.project-pagination .project-previous a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.project-pagination .project-next a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.project-pagination .project-previous a:hover,
.project-pagination .project-next a:hover {
    background: var(--color-primary);
}

.project-pagination .nav-title {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.project-pagination .nav-title h5 {
    color: #fff;
    font-size: 16px;
    margin: 5px 0 0 0;
    font-weight: 600;
}

.project-pagination .icon {
    color: #fff;
    font-size: 20px;
}

.project-pagination .project-previous a .icon,
.project-pagination .project-next a .icon {
    background: var(--color-primary);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.project-pagination .project-previous a:hover .icon,
.project-pagination .project-next a:hover .icon {
    background: rgba(255, 255, 255, 0.2);
}

.project-pagination .project-all a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: var(--color-primary);
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
}

.project-pagination .project-all a:hover {
    background: #fff;
    color: var(--color-primary);
    transform: scale(1.1);
}

/* ===================================
   Services Page Shape Animation
   =================================== */
.project-style-one-item .thumb img[src*="shape/5.png"] {
    animation: serviceShapeFloat 5s ease-in-out infinite;
}

@keyframes serviceShapeFloat {
    0%, 100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
    33% {
        transform: translateY(-15px) translateX(10px) rotate(-3deg);
    }
    66% {
        transform: translateY(10px) translateX(-10px) rotate(3deg);
    }
}

/* ===================================
   List Styles Fix
   =================================== */
ul.list-style-one li::after {
    content: '\2713' !important;
    font-family: Arial, sans-serif !important;
    color: var(--color-primary) !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

ul.list-style-two li::after {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--color-primary) !important;
    border-radius: 50% !important;
    background-image: none !important;
    top: 8px !important;
}

/* ===================================
   Accordion Button Icon Fix
   =================================== */
.accordion-style-one-item button.accordion-button::before {
    content: "+" !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    line-height: 35px !important;
}

.accordion-style-one-item button.accordion-button:not(.collapsed)::before {
    content: "−" !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 24px !important;
}

/* ===================================
   Language Dropdown Styling
   =================================== */
.attr-nav .dropdown.lang-dropdown {
    position: relative !important;
}

.attr-nav .dropdown.lang-dropdown .dropdown-menu {
    min-width: 120px !important;
    max-width: 120px !important;
    padding: 8px 0 !important;
    text-align: center !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 5px !important;
}

.attr-nav .dropdown.lang-dropdown .dropdown-menu li {
    text-align: center !important;
}

.attr-nav .dropdown.lang-dropdown .dropdown-menu li a {
    display: block !important;
    padding: 8px 15px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.attr-nav .dropdown.lang-dropdown > a {
    font-size: 18px !important;
}

/* Flag Icons */
.flag-icon {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 2px;
}

.flag-tr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Crect fill='%23E30A17' width='1200' height='800'/%3E%3Ccircle fill='%23fff' cx='425' cy='400' r='200'/%3E%3Ccircle fill='%23E30A17' cx='475' cy='400' r='160'/%3E%3Cpath fill='%23fff' d='M583.334 400l180.901 58.779-111.804-153.885v190.212l111.804-153.885z'/%3E%3C/svg%3E");
}

.flag-us {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7410 3900'%3E%3Crect fill='%23b22234' width='7410' height='3900'/%3E%3Cpath d='M0,450H7410m0,600H0m0,600H7410m0,600H0m0,600H7410m0,600H0' stroke='%23fff' stroke-width='300'/%3E%3Crect fill='%233c3b6e' width='2964' height='2100'/%3E%3Cg fill='%23fff'%3E%3Cg id='s18'%3E%3Cg id='s9'%3E%3Cg id='s5'%3E%3Cg id='s4'%3E%3Cpath id='s' d='M247,90 317.534230,307.082039 132.873218,172.917961H361.126782L176.465770,307.082039z'/%3E%3Cuse href='%23s' y='420'/%3E%3Cuse href='%23s' y='840'/%3E%3Cuse href='%23s' y='1260'/%3E%3C/g%3E%3Cuse href='%23s' y='1680'/%3E%3C/g%3E%3Cuse href='%23s4' x='247' y='210'/%3E%3C/g%3E%3Cuse href='%23s9' x='494'/%3E%3C/g%3E%3Cuse href='%23s18' x='988'/%3E%3Cuse href='%23s9' x='1976'/%3E%3Cuse href='%23s5' x='2470'/%3E%3C/g%3E%3C/svg%3E");
}

/* ===================================
   Mobile Menu Full Width
   =================================== */
@media only screen and (max-width: 1023px) {
    /* Mobile sidenav için tam ekran - tüm cihazlarda */
    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile {
        width: 100vw !important;
        max-width: 100% !important;
        left: -100vw !important;
        right: auto !important;
        padding: 20px !important;
    }

    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile.show {
        left: 0 !important;
    }

    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile ul.nav {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Logo ve kapatma butonu için ayarlama */
    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile img {
        max-width: 150px !important;
    }

    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile button {
        right: 20px !important;
    }

    /* Standart mobile menu için tam ekran */
    nav.navbar.validnavs.navbar-mobile .navbar-collapse {
        width: 100vw !important;
        left: -100vw !important;
    }

    nav.navbar.validnavs.navbar-mobile ul.nav {
        width: 100% !important;
    }
}

/* Tablet ve küçük ekranlar */
@media only screen and (max-width: 768px) {
    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile {
        width: 100vw !important;
        left: -100vw !important;
    }
}

/* Çok küçük ekranlar */
@media only screen and (max-width: 399px) {
    nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile {
        width: 100vw !important;
        left: -100vw !important;
    }
}

/* ===================================
   Navbar Menu Overflow Fix for Laptop/Tablet
   =================================== */
@media only screen and (max-width: 1400px) and (min-width: 1024px) {
    .navbar .nav.navbar-nav.navbar-center > li > a {
        padding: 12px 10px !important;
        font-size: 13px !important;
    }

    .navbar .attr-nav ul li.button .btn {
        padding: 8px 15px !important;
        font-size: 12px !important;
    }

    .navbar .attr-nav ul li.dropdown > a {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .navbar .nav.navbar-nav.navbar-center > li > a {
        padding: 10px 8px !important;
        font-size: 12px !important;
    }

    .navbar .attr-nav ul li.button .btn {
        padding: 6px 12px !important;
        font-size: 11px !important;
    }
}

/* ===================================
   Choose Us One Info Overflow Fix
   =================================== */
.choose-us-one-info {
    overflow-x: hidden !important;
}

.choose-us-one-info .title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

@media only screen and (max-width: 1400px) and (min-width: 992px) {
    .choose-us-one-info {
        padding-right: 30px !important;
    }

    .choose-us-one-info .ardea-description p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .choose-us-one-info {
        padding-right: 15px !important;
    }

    .choose-us-one-info .title {
        font-size: 28px !important;
    }

    .choose-us-one-info .ardea-description p {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 991px) {
    .choose-us-one-info {
        padding-right: 0 !important;
    }
}