/* ==========================================================================
   Site teması: Sarı #F9CD4A / Koyu #12130E
   Bootstrap 5.3 değişkenleri üzerinden uygulanır.
   ========================================================================== */
:root,
[data-bs-theme=light] {
    --brand-yellow: #F9CD4A;
    --brand-yellow-rgb: 249, 205, 74;
    --brand-yellow-dark: #C99F1E;
    --brand-dark: #12130E;
    --brand-dark-rgb: 18, 19, 14;
    --brand-light: #F4F2EA;

    --bs-primary: var(--brand-yellow);
    --bs-primary-rgb: var(--brand-yellow-rgb);
    --bs-primary-text-emphasis: var(--brand-yellow-dark);
    --bs-primary-bg-subtle: #FDF6DD;
    --bs-primary-border-subtle: #F3DE9A;

    --bs-dark: var(--brand-dark);
    --bs-dark-rgb: var(--brand-dark-rgb);
    --bs-dark-text-emphasis: var(--brand-dark);

    --bs-body-color: var(--brand-dark);
    --bs-body-color-rgb: var(--brand-dark-rgb);
    --bs-emphasis-color: var(--brand-dark);
    --bs-emphasis-color-rgb: var(--brand-dark-rgb);
    --bs-heading-color: var(--brand-dark);

    --bs-link-color: var(--brand-dark);
    --bs-link-color-rgb: var(--brand-dark-rgb);
    --bs-link-hover-color: var(--brand-yellow-dark);
    --bs-link-hover-color-rgb: 201, 159, 30;

    --bs-focus-ring-color: rgba(var(--brand-yellow-rgb), .4);
}

/* --- Üst menü --- */
header {
    background-color: #fff;
    border-bottom: 4px solid var(--brand-yellow);
}

.navbar .nav-link {
    color: var(--brand-dark);
    font-weight: 500;
    border-bottom: 3px solid transparent;
    transition: border-color .15s ease-in-out, color .15s ease-in-out;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-item.show > .nav-link {
    color: var(--brand-dark);
    border-bottom-color: var(--brand-yellow);
}

.navbar-toggler {
    border-color: var(--brand-dark);
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--brand-yellow-rgb), .5);
}

.dropdown-menu {
    --bs-dropdown-border-color: var(--brand-dark);
    --bs-dropdown-link-color: var(--brand-dark);
    --bs-dropdown-link-hover-color: var(--brand-dark);
    --bs-dropdown-link-hover-bg: var(--brand-yellow);
    --bs-dropdown-link-active-color: var(--brand-yellow);
    --bs-dropdown-link-active-bg: var(--brand-dark);
    border-top: 3px solid var(--brand-yellow);
    border-radius: 0 0 .375rem .375rem;
}

/* --- Butonlar: siyah zemin, sarı yazı --- */
.btn-primary {
    --bs-btn-color: var(--brand-yellow);
    --bs-btn-bg: var(--brand-dark);
    --bs-btn-border-color: var(--brand-dark);
    --bs-btn-hover-color: var(--brand-dark);
    --bs-btn-hover-bg: var(--brand-yellow);
    --bs-btn-hover-border-color: var(--brand-yellow);
    --bs-btn-focus-shadow-rgb: var(--brand-yellow-rgb);
    --bs-btn-active-color: var(--brand-dark);
    --bs-btn-active-bg: var(--brand-yellow-dark);
    --bs-btn-active-border-color: var(--brand-yellow-dark);
    --bs-btn-disabled-color: var(--brand-yellow);
    --bs-btn-disabled-bg: var(--brand-dark);
    --bs-btn-disabled-border-color: var(--brand-dark);
    font-weight: 600;
}

.btn-outline-primary {
    --bs-btn-color: var(--brand-dark);
    --bs-btn-border-color: var(--brand-dark);
    --bs-btn-hover-color: var(--brand-yellow);
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-dark);
    --bs-btn-active-color: var(--brand-yellow);
    --bs-btn-active-bg: var(--brand-dark);
    --bs-btn-active-border-color: var(--brand-dark);
    --bs-btn-focus-shadow-rgb: var(--brand-yellow-rgb);
}

/* --- Sayfa başlığı / breadcrumb bandı --- */
.page-title .bg-body-secondary {
    background-color: var(--brand-dark) !important;
}

.page-title .breadcrumb {
    --bs-breadcrumb-divider-color: var(--brand-yellow);
    --bs-breadcrumb-item-active-color: var(--brand-yellow);
}

.page-title .breadcrumb a {
    color: var(--brand-light) !important;
}

.page-title .breadcrumb a:hover {
    color: var(--brand-yellow) !important;
}

/* --- Form alanları --- */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-yellow);
    box-shadow: 0 0 0 .25rem rgba(var(--brand-yellow-rgb), .35);
}

.form-check-input:checked {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}

.form-check-input:focus {
    border-color: var(--brand-yellow);
    box-shadow: 0 0 0 .25rem rgba(var(--brand-yellow-rgb), .35);
}

/* --- Alt bilgi (footer) --- */
.site-footer {
    background-color: var(--brand-dark);
    color: var(--brand-light);
    border-top: 4px solid var(--brand-yellow) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.site-footer h3 {
    color: var(--brand-yellow);
}

.site-footer a,
.site-footer .text-dark,
.site-footer .text-muted,
.site-footer a .text-dark {
    color: var(--brand-light) !important;
}

.site-footer a:hover,
.site-footer a:hover .text-dark,
.site-footer a:hover h3 {
    color: var(--brand-yellow) !important;
}

/* --- Vurgulu bölümler --- */
.backgroundcolor {
    background-color: var(--bs-primary-bg-subtle);
    border-top: 3px solid var(--brand-yellow);
    border-bottom: 3px solid var(--brand-yellow);
}

.colorcuk {
    background-color: var(--bs-primary-bg-subtle);
}

.carousel-indicators,
.slick-dots li {
    background-color: var(--brand-dark);
}

.carousel-indicators .active,
.slick-dots li.slick-active {
    background-color: var(--brand-yellow);
}

.pagination {
    --bs-pagination-active-color: var(--brand-dark);
    --bs-pagination-active-bg: var(--brand-yellow);
    --bs-pagination-hover-color: var(--brand-dark);
    --bs-pagination-hover-bg: var(--bs-primary-bg-subtle);
    --bs-pagination-focus-color: var(--brand-dark);
}

::selection {
    background-color: var(--brand-yellow);
    color: var(--brand-dark);
}

/* ==========================================================================
   Özel stiller (mevcut)
   ========================================================================== */

.dropdown:hover .dropdown-menu {
    display: block;
}
.backgroundcolor{
    background-color: #F0EEEE;
}
.colorcuk{
    background-color: #EAEAEA;
}
.position-relative {
    position: relative!important;
}
.mx-6 {
    margin-left: 90px;
}



.py-lg-25 {
    padding-top: 12rem!important;
    padding-bottom: 12rem!important;
}
.bg-image,.bg-overlay {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    position: relative
}

.bg-auto {
    background-size: auto!important
}

.bg-full {
    background-size: 100%!important
}

.bg-fixed {
    background-attachment: fixed!important
}

.bg-cover {
    background-size: cover!important
}

.bg-overlay {
    top: 0;
    left: 0
}
.fs-56px {
    font-size: 3.5rem!important;
}

.hover-zoom-in {
    overflow: hidden
}

.hover-zoom-in img {
    transition: .3s ease-in-out;
    transform: scale(1);
}

.hover-zoom-in:hover img {
    transform: scale(1.05)
}

.hover-shine {
    position: relative;
    overflow: hidden
}

.hover-shine:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    transform: skewX(-25deg);
    transition-duration: .5s
}

.hover-shine:hover::before {
    left: 125%
}
.pb-lg-20 {
    padding-bottom: 7rem!important;
}
.pt-lg-17 {
    padding-top: 5.5rem!important
}
.mb-lg-4 {
    margin-bottom: .5rem!important;
}
.mb-lg-18 {
    margin-bottom: 6rem!important;
}
.pe-lg-0 {
    padding-right: 0!important;
}
[data-animate].animate__animated {
    opacity: 1
}
.pagination {
    --bs-pagination-size: 40px;
}
.pagination {
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(78, 118, 97, 0.25);
    --bs-pagination-active-color: #4e7661;
    --bs-pagination-active-bg: var(--bs-secondary-bg);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    text-decoration: none;
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active,.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(pagination-border-width * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.125rem;
    --bs-pagination-border-radius: 0.375rem
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 0.1875rem
}
.page-link {
    width: var(--bs-pagination-size);
    height: var(--bs-pagination-size);
    text-align: center;
    line-height: var(--bs-pagination-size);
    border-radius: 100%;
    padding: 0;
    font-weight: 600;
}
.rounded-circle {
    border-radius: 50%!important;
}
.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}
svg.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
img, svg {
    vertical-align: middle;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: none;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.active {
    opacity: 1!important;
}
.container {
    overflow: hidden;
    .slider {
      animation: slidein 30s linear infinite;
      white-space: nowrap;
      .logos {
        width: 100%;
        display: inline-block;
        margin: 0px 0;
        .fab {
          width: calc(100% / 5);
          animation: fade-in 0.5s 
            cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
        }
      }
    }
  }
  
  @keyframes slidein {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .carousel-nav-icon {
    height: 20px;
    width: 20px;
 }
 .carousel-item {
    .col, .col-sm, .col-md {
       margin: 0px;
       height: 400px;
       background-size: cover;
       background-position: center center;
    }
 }
.size {
    width: 279px;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
.login {
    width: 1290px;
    height: 420px;
    
}
.formcolor {
background-color: rgb(246, 246, 246);
}
.g5element__products-slider .slick-dots, .elementor-widget-ube-g5-products-slider .slick-dots {
    margin-top: 30px;
}
.slick-dots {
    margin-top: 15px;
}
.slick-dots>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.slick-arrow, .slick-arrows, .slick-dots>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
ul {
    list-style: disc;
}
.slick-arrow:active, .slick-arrow:focus, .slick-dots li.slick-active, .slick-dots li:active, .slick-dots li:focus, .slick-dots li:hover {
    opacity: 1;
}
.slick-dots li {
    color: var(--g5-color-heading);
    margin: 0;
    line-height: 1;
    opacity: 1;
}
.slick-dots li {
    width: 30px;
    cursor: pointer;
    text-align: center;
    color: currentColor;
    opacity: .4;
}
li {
    line-height: 1.5;
}
.slick-dots li {
    color: var(--g5-color-heading);
    margin: 0;
    line-height: 1;
    opacity: 1;
}
.slick-dots li {
    width: 30px;
    cursor: pointer;
    text-align: center;
    color: currentColor;
    opacity: .4;
}







.slick-dots li {
    width: 30px;
    cursor: pointer;
    text-align: center;
    opacity: .4;
}
.carousel-indicators{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: black;
}
.slick-dots li{
    
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: black;
}
/* --- Satır içi SVG ikonlar (Font Awesome yerine) --- */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.125em;
    overflow: visible;
}

.icon-lg {
    font-size: 1.25em;
}

.icon-2xl {
    font-size: 2em;
}