/* Kalın versiyon (Black) */
@font-face {
  font-family: 'Averta';
  src: 
    url('../fonts/Averta-Black.ttf') format('truetype'),
    url('../fonts/AvertaDemoPE-ExtraBold.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Normal versiyon (Regular) */
@font-face {
  font-family: 'Averta';
  src: 
    url('../fonts/AvertaDemoPECuttedDemo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color1: #103fbb;
  --color2:#101f45;
  --color3:#312041;
  --color4:#606979;
  --color5:#e6e6e6;
}

html, body { height: 100%; scroll-behavior: smooth; margin: 0;  overflow-y: auto;}
html, #teraBody{color:#101f45; font-size:15px; line-height:1.4; padding:0; margin:0; font-family: "Averta", sans-serif; font-weight: 400;}
#teraBody{height: 100%; min-height: 100%;}
#teraBody a{text-decoration: none; border: none;}
.mainContent {
  min-height: calc(100vh - 615px - 115.5px);
}

section {
  margin-top:50px; 
} 

section.video{margin-top:0; }
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f8f9fa;
  border-top: 1px solid #ddd;
  z-index: 1090; 
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

.iconBox {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pdtb50{padding:50px 0;}
.pdt80{padding-top:80px;}
.color{color: var(--color1) !important;}
.color2{color: var(--color2) !important;}

.secColor:nth-child(2n+1){background: #f1f1f1; padding-bottom:80px;}
.table-primary th{background: var(--color1) !important; color: #fff !important;}
.cardTableSema{padding:40px 40px 20px 40px!important; line-height: 34px;}
.cardSema{border:none!important;}
.cardSema th, .cardSema td{background: none!important; color:#fff!important;}
/* #wrapper-isim .color{color: var(--color2) !important;}
#wrapper-isim .color2{color: var(--color1) !important;} */
.color4{color: var(--color4) !important;}
.bg1{background: var(--color1);}
.bg2{background: var(--color2);}
.bg3{background: var(--color5);}
.bg4{background: var(--color4);}
.bg5{background: var(--color3);}
.size20{font-size:20px;}
.size24{font-size:24px;}
.size30{font-size:30px;}
.size35{font-size:35px;}
.size40{font-size:40px;}
.size50{font-size:50px;}
.size60{font-size:60px;}
.size80{font-size:80px; font-weight:900;}
.size100{font-size:100px;}
.accordion-item .accordion-header button{font-size:24px!important;}
.accordion-body .spanLink{min-width: 280px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f1f1f1!important;}
.accordion-body .spanLink:last-child { border-bottom:none!important; padding-bottom:0!important;}
.accordion-button:not(.collapsed){background: var(--color1)!important; color:#fff!important;}
.accordion{margin-bottom:70px;}
.accordion-button:not(.collapsed) {
    background: var(--color1) !important;
    color: #fff !important;
}

/* Aktif Accordion İkon Rengi */
.accordion-button:not(.collapsed)::after {
    filter: invert(1); /* İkonu beyaz yapmak için pratik çözüm */
}

.passive{color:#606979!important;}
.object-fit-cover {
  object-fit: cover;
}
.ImgMain img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.radius30{border-radius: 30px!important;}
.titleMain{font-size:45px; color:#101f45; font-weight: 900; line-height:1.4;}
div.titleMain{line-height:1.4;}
.btn-form{display: inline-block;}
.btn-form .btn{display: block; width: 150px; margin:auto 0 auto auto;}
.wrapper{position: relative; min-height: 100%; overflow: hidden;}
#teraBody .btn-primary{background:var(--color1); color: #fff !important; }
#wrapper-isim  .btn-primary{background:var(--color2); color: #fff !important; }
#teraBody .btn-secondary{background:var(--color2); color: #fff !important;}
#acceptCookies{background: var(--color1)!important;}
.btn-form .btn-primary{background: var(--color1) !important;}
#teraBody .btn-white{background:#fff!important; color:var(--color1) !important;}
#teraBody .btn-border{background:transparent; border:1px solid #fff; color:#fff !important;}
#teraBody .btn{color:#101f45; border-radius:30px; padding:10px 20px; font-weight: 600; line-height: 35px;}
#teraBody .btn-link{border-bottom:3px solid transparent; border-radius: 0px; padding: 0 !important;}

#teraBody .btn-link.active{color:#103fbb; border-bottom:3px solid #103fbb;}
#teraBody .nav-link{ line-height: 50px; color:#103fbb; font-weight:600;}
#teraBody .nav-link.active{border-bottom:1px solid #103fbb;}
.menuSep{width: 1px; height: 30px; background:var(--color4); margin:0 15px; opacity: 0.3;}
.topNav{background: #f1f1f1; line-height: 32px;}
header{background: #fff; border-bottom:1px solid #f1f1f1; }
.headerTop{padding:20px 0;}

.logo{display: block; width:260px;}
.logo img{display: block; width: 100%;}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; 
}
.dropdownUrunHizmet .dropdown-item:hover{background: var(--color1); color:#fff;}
/* Mevcut hover davranışın kalsın */
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.dropdownUrunHizmet {
  position: relative;
}
.menuMobilSub{display: block; color:#fff; margin:10px 0;}
.dropdownUrunHizmet .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;    
  left: auto; 
  transform: none !important;
  min-width: 280px;
  z-index: 999;
}

 .chevron-toggle {
          cursor: pointer;
          display: flex;
          align-items: center;
          height: 32px;
        }
         .chevron-toggle svg {
          position: relative;
          top:0px;
          color:var(--color1);
        }

        .mega-menu {
          background-color: #f8f9fa;
          padding: 20px;
          border: 1px solid #dee2e6;
        }

.slide-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
  transform-origin: center bottom;
  transition: transform 2s ease-in-out;
}

.carousel-item.active .slide-bg img {
  animation: scaleUp 1s ease-in-out 1s forwards;
}

@keyframes scaleUp {
  to {
    transform: scale(1.1);
  }
}
.slide-heading {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  animation: fadeOutUp 1s ease-in-out 1s forwards;
}

.heading-text {
  text-align: center;
  color: white;
}

@keyframes fadeOutUp {
  to {
    opacity: 0;
    transform: translate(-50%, -100%);
  }
}
.slide-image-bottom {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: translateY(100%) translateX(0);
  animation:
    riseSnap 1s cubic-bezier(0.6, 0, 0.2, 1) 1s forwards,
    shiftLeft 0.6s ease-out 2.1s forwards;
}
.slide-image-bottom img {
  width: auto;
  height: 900px;
  max-height: 100%;
}
@keyframes riseSnap {
  from {
    transform: translateY(100%) translateX(0);
    opacity: 0;
  }
  to {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
.slide-image-behind {
  position: absolute;
  bottom: 0;
  right:10%; 
  z-index: 1; 
  opacity: 0;
  transform: scale(0.8);
  animation: scaleIn 1.5s ease-out 1.2s forwards; /* 1.2sn sonra başlayacak */
}
.slide-image-behind img {
  height: 900px; 
  width: auto;
  z-index: 1;
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes shiftLeft {
  to {
    transform: translateY(0) translateX(-40px);
  }
}
.slide-slogan {
  max-width: 50%;
  position: absolute;
  left: -100%;
  top: 35%;
  opacity: 0;
  animation: slideInSnap 1s cubic-bezier(0.6, 0, 0.2, 1) 1s forwards, shiftRight 0.6s ease-out 2.1s forwards; z-index: 3;}

.slogan-text {
  color: white;
}

.slogan-text .slogan1 {
  color: white;
  font-size: 80px;
  font-weight: 600;
}

.slogan-text .slogan1 .color {
  display: block;
}

@keyframes slideInSnap {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 5%;
    opacity: 1;
  }
}

@keyframes shiftRight {
  to {
    left: calc(5% + 40px);
  }
}

#carouselTera .carousel-control-prev,
#carouselTera .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 80px;
  height: 80px;
  border: none;
  background: transparent;
  opacity: 1;  
  pointer-events: auto;
}

#carouselTera .carousel-control-prev {
  left: -40px;
  animation: slideInFromLeft 0.7s cubic-bezier(0.6, 0, 0.2, 1) 2s forwards;
  transform: translateY(-50%) translateX(-100%);
}

#carouselTera .carousel-control-next {
  right: -40px;
  animation: slideInFromRight 0.7s cubic-bezier(0.6, 0, 0.2, 1) 2s forwards;
  transform: translateY(-50%) translateX(100%);
}

#carouselTera .custom-nav-btn {
  background-color: white;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  opacity: 0.4;
  transition: opacity 0.3s ease;
}

#carouselTera .custom-nav-btn svg,
#carouselTera .custom-nav-btn i {
  color: black;
  font-size: 24px;
}

#carouselTera .carousel-control-prev .custom-nav-btn i {
  transform: translateX(10px);
}

#carouselTera .carousel-control-next .custom-nav-btn i {
  transform: translateX(-10px);
}
#carouselTera .custom-nav-btn:hover {
  opacity: 1;
}

@keyframes slideInFromLeft {
  to {
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes slideInFromRight {
  to {
    transform: translateY(-50%) translateX(0);
  }
}
#carouselTera .fa-arrow-right{right:15px!important; position: relative;} .fa-arrow-left{left:15px!important; position: relative;}
#carouselTera .carousel-indicators [data-bs-target]{width:24px; height:24px; border-radius: 50%;}
#carouselTera .carousel-indicators button{background-color: var(--color1)!important;}
 #wrapper-isim #carouselTera .carousel-indicators button{background-color: var(--color2)!important;} 
 .range-value {
      font-size:30px;
      font-weight:900;
      border:2px solid var(--color1);
      border-radius:40px;
      line-height: 70px;
      margin:50px auto;
    }
    .range-label {
      font-size:30px;
      font-weight: 900;
    }
    .w33{width: 33%;}
    .tutarCon{border-right:1px solid rgba(255, 255, 255, 0.3);}
.titleContainer{margin-bottom:50px;}
.titleMain{margin-bottom:80px;}
.titleLine{height:6px; width: 100%; max-width: 120px; margin:20px auto 80px auto; background:var(--color1);}
.titleHeight{height: 60px; position: relative; overflow: hidden;}
.multiline-ellipsis p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; 
  max-height: calc(1.5em * 3); 
  margin: 0;
}
    .info-text{margin-bottom:80px;}
    .hesapSep{width: 2px; background:#f1f1f1; margin:0 50px;}
.hesapSol,.hesapSag{width: 530px;}
.breadcrumbCon{position: absolute; left:10px; bottom:10px; z-index: 2;}
.breadcrumbCon .breadcrumb-item{color:rgba(255, 255, 255, 0.6)!important;}
.breadcrumbCon .breadcrumb-item.active{color:#fff!important;}
.breadcrumbCon li:before{color:#fff!important;}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 12px; /* thumb yüksekliği kadar */
  background: transparent;
  margin: 20px 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 2px;
  background: #ddd;
  border-radius: 1px;
  position: relative;
  z-index: 1;
}
input[type=range]::-moz-range-track {
  height: 2px;
  background: #ddd;
  border-radius: 1px;
  position: relative;
  z-index: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #007bff;
  border-radius: 50%;
  border: none;
  margin-top: -11px; /* Track yüksekliği 2px, thumb yüksekliği 24px, ortalamak için */
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,123,255,0.7);
}
input[type=range]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #007bff;
  border-radius: 50%;
  border: none;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,123,255,0.7);
}
.animate-on-scroll {
  opacity: 0;
  transform: translateY(60px); /* default aşağıdan yukarı için */
  transition: all 0.6s ease-out;
  will-change: opacity, transform;
}
.animate-on-scroll.from-bottom {
  transform: translateY(60px);
}
.animate-on-scroll.from-right {
  transform: translateX(60px);
}
.animate-on-scroll.from-left {
  transform: translateX(-60px);
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

 .videoText{position: absolute; left:0%; top:8%; text-align: center; right:0; }
.ImgMain{width: 100%; aspect-ratio:400 / 300;  overflow: hidden; border-radius: 30px; position: relative;}
.ImgMain img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; border-radius: 30px;}
.figureImg {width: 100%; aspect-ratio:600 / 300;  overflow: hidden; border-radius: 30px; position: relative;}
.figureImg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; border-radius: 30px;}
#v-pills-tab{min-width:200px;}
#v-pills-tab button{background:transparent; border-radius:0; color: var(--color4) !important; margin:auto auto auto 0!important; border-bottom:1px solid #f1f1f1!important;}
#v-pills-tab button.active{ color: var(--color1) !important; }
.textconSide{padding-left:30px!important;}
.hizmetKanallari{padding-bottom:100px;}

.sMedia{width:40px; height: 40px; border-radius: 50%; border:1px solid #fff!important; text-align: center; line-height:40px; color:#fff; margin-left:10px; transition: all ease 300ms;}
.sMedia:hover{color:var(--color1); background:#fff;}
footer a,footer p{color:#fff; display: block; line-height: 1.7;}
footer{position: relative; padding:50px 0 200px 0;}
footer:before{content: ""; position: absolute; left:0; right:0; bottom:-200px; width:100%; height: 100%; background: url(../img/logo-white.svg) no-repeat center; background-size:100% auto;}
#megaMenu { padding:0;}
#megaMenu ul{ margin:0;  border-right:1px solid #d2d2d2;}
.b-none{  border:none!important;}
#megaMenu li{ text-align: center;}
#megaMenu li a{font-weight: 700; color:var(--color1); line-height: 40px;}
.megaAc:hover{color:var(--color1)!important;}
#megaMenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

#megaMenu.open {
  max-height: 600px;
}
.seperate{height:450px; background:url(../img/seperateBg.jpg) no-repeat center ; background-size: cover; border-radius: 30px;}
#offcanvasRight{background: var(--color2);}
#offcanvasRight:before{content:""; position: absolute; left:0; bottom:0; right:0; background:url(../img/menuLogo.svg) no-repeat center ; background-size: contain; height: 50%; width: 100%; opacity: 0.1;}
#offcanvasRight .btn-close {filter: invert(1);}
.navMobil .menuMobil{display: block; color:#fff; font-size:16px; letter-spacing: 1px; padding:12px 0; border-bottom:1px solid rgba(255, 255, 255, 0.204)!important;}
 .mobile-header{display: none;}
.boxContainer {width: 90%; margin: auto; overflow: hidden;}
.boxFlexCon {position: relative; height:600px; display: flex; justify-content: center; align-items: flex-end; gap:20px;}
.boxUrun {position: relative; width: 30%;  overflow: hidden; display: flex;  flex-direction: column; height: 100%; text-decoration: none; color: inherit; transition: all 1s cubic-bezier(.19,1,.22,1);}

.urunImg { width: 100%; aspect-ratio: 400 / 250; overflow: hidden; border-radius: 30px; }
.urunImg img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; border-radius: 30px;}
.boxFlexCon .urunImg {
  height: 350px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.boxFlexCon .urunImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;       
  object-position: center; 
  transform: none !important; 
  transition: none;          
}

.boxFlexCon:hover .boxUrun {
  flex: 1 !important;
}

.boxFlexCon .boxUrun:hover {
  flex: 2 !important;
  z-index: 10;
}
.banner{height:500px; position: relative; z-index: 1;}
.banner:after{content:""; position: absolute; inset:0; background:rgba(16, 31, 69, 0.4); mix-blend-mode: multiply; z-index: 1;}
.bannerHizmet{background: url(../img/bannerHizmet.jpg) no-repeat center; background-size:cover;}
.bannerHizmetler{background: url(../img/bannerHizmetler.jpg) no-repeat center; background-size:cover;}
.bannerKrediler{background: url(../img/bannerKrediler.jpg) no-repeat center; background-size:cover;}
.bannerSigorta{background: url(../img/banner-sigorta.jpg) no-repeat center; background-size:cover;}
.bannerSaklama{background: url(../img/bannerSaklamaBankaciligi.jpg) no-repeat center; background-size:cover;}
.bannerKurumsal{background: url(../img/bannerKurumsal.jpg) no-repeat center; background-size:cover;}
.bannerAmac{background: url(../img/bannerAmac.jpg) no-repeat center; background-size:cover;}
.bannerKultur{background: url(../img/bannerKultur.jpg) no-repeat center; background-size:cover;}
.bannerIletisim{background: url(../img/banner-iletisim.jpg) no-repeat center; background-size:cover;}
.bannerKvkk{background: url(../img/bannerKvkk.jpg) no-repeat center; background-size:cover;}
.bannerOrganizasyon{background: url(../img/bannerOrganizasyon.jpg) no-repeat center; background-size:cover;}
.aHzmt{display: block; padding:30px; transition: all ease 500ms;}
.aHzmt figure{position: relative; overflow: hidden; }
.aHzmt figure img{transition: all ease 500ms;}
.aHzmt:hover figure img{transform: scale(1.1);}
.btnBorder{border:1px solid #fff;}
#teraBody #v-pills-tab button.nav-link {font-size:20px!important;}
.hizmetDemo{padding:80px 0; background: #F1F1F1;
background: linear-gradient(90deg, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.hizmetDemo .carousel-navigation .btn-secondary{ width:150px;}
.hizmetDemo .carousel-navigation .btn-secondary:hover{ background: var(--color1)!important;}
.footerTop{position: relative; z-index: 2;}
@media only screen and (max-width:1920px) {
.slogan-text .slogan1 {
  font-size:50px;
}
.size80{font-size:40px;}
.size100{font-size:70px}
.slide-image-behind img {
  height:700px; 
}
}
@media only screen and (max-width:1600px) {
.slide-image-bottom img {
  height:650px;
}
}
@media only screen and (max-width:1440px) {
.boxFlexCon .urunImg {
  height:240px;
}
 .slide-slogan{top:35%;}
}
@media only screen and (max-width:1368px) {

 .slide-slogan{top:25%;}
}
@media only screen and (max-width:1024px) {
.boxFlexCon .urunImg {
  height:200px;
}
  .txtContainer.ms-5 {margin:0!important;}
.slogan-text .slogan1{font-size:30px;}
.hizmetKanallari{padding-bottom:50px;}
.order1{order:1;}
.order2{order:2;}
.tabContainer{flex-direction: column;}
.tabContainer #v-pills-tab{margin-bottom: 30px;}
footer .px-5{padding:0!important;}
}
@media only screen and (max-width:768px) {
}
 
  .size50{font-size:40px;}
.slide-image-behind img {
  height:650px; 
}
  .size100{font-size:60px}
  .size80{font-size:40px;}
  .slogan-text .slogan1 {font-size:45px;}
  .slogan-text .slogan2 {font-size:24px;}
  .urunTitle.size30{font-size:24px;}
  .size60{font-size:45px;}
  .size40{font-size:30px;}
  .secColor .pdtb50{padding:30px;}
  .hizmetKanallari .titleContainer.pdtb50{padding: 0;}

@media only screen and (max-width:1366px) {
.slide-image-bottom img {
  height:550px;
}
.slide-image-behind img {
  height:500px; 
}
  .size100{font-size:60px}
  .size80{font-size:40px;}
  .slogan-text .slogan1 {font-size:40px;}
  .slogan-text .slogan2 {font-size:20px;}
  .urunTitle.size30{font-size:20px;}
  .size30{font-size:24px;}
  .size20{font-size:16px;}
footer:before{ bottom:-220px; z-index:1;}

}
@media only screen and (max-width:1024px) {
.carousel,
.carousel-item,
.slide-bg {
  height: calc(800px - 115.5px); 
}
.slide-image-behind img {
  height:400px; 
}
header .container{max-width: 100%;}
.hizmetContainer .titleContainer,.hesaplama .titleContainer {padding:0!important;}
section.urunler{margin: 0;}
section.urunler .titleContainer{margin:0;}
.boxFlexCon{height: 480px!important;}
footer::before{bottom:-450px!important;}
.footerTop{text-align: center;}
.footerTop .logo {margin:auto;}
.footerTop .d-flex {justify-content: center;}
.hesaplamaAraci .range-label, .range-info, .hesaplamaAraci .range-value{font-size:20px;}
.hesaplamaAraci .range-value{margin:20px 0;}
.info-text.size30{font-size:20px;}
.hesapSep{margin:0 20px;}
.hesapSonuc .size35{font-size:24px;}
.hesapSonuc .size24{font-size:20px;}
.videoText{top:50px;}
.video .size60{font-size:40px;}
}
@media only screen and (max-width:960px) {
 .size80{font-size:26px;}
  .size100{font-size:35px}
  .slogan-text .slogan1 {font-size:30px;}
  .slogan-text .slogan2 {font-size:16px;}
  .slide-slogan{top:24%;}
.slide-image-bottom img {
  height:400px;
}
.desktop-header{display: none;}
 .mobile-header{display: block;}
 .headerTopMobile{padding:0 10px;}
 .mobile-header svg{color:var(--color1);}
 .btnAc{background: none!important; border: none !important;}
.logo{display: block; width:200px;}
.sonuclar-column{flex-direction: column;}
.tutarCon{border:none;}
.hesapSonuc .btnCon .btn{margin:5px auto!important;}
.hesapSonuc .size35{margin:auto auto 20px auto!important;}
.hesapSonuc .size20.mt-5{margin:20px auto auto auto!important;}

}
@media only screen and (max-width:768px) {
  .urunler{padding-bottom:50px;}
  .boxFlexCon {
    flex-direction: column;
    align-items: center;
    height: auto;
    gap: 30px;
    height:auto!important;
  }
.slide-slogan{padding:0 10px;}


  .boxUrun {
    position: relative !important;
    width: 90%;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    z-index: 1 !important;
    display: block;
  }

  .boxFlexCon .boxUrun {
    flex: unset !important;
    height: auto !important;
    display: block;
    overflow: unset;
  }

  .boxFlexCon .urunImg {
    height: auto !important;
  }

  .boxFlexCon .urunImg img {
    transform: none !important;
  }
.hesaplamaAraci .hesapSolSagCon{flex-direction: column;}
.hesapSol,.hesapSag{margin: auto;}
.tabContainer{flex-direction: column;}
.size50{font-size:30px;}
footer{padding:50px 0;}
footer::before{height: 50px; bottom:0!important;}
#v-pills-tab{min-width:100%; margin-bottom:50px;}
#v-pills-tab button{background:transparent;  width: 100%; border-radius:30px; line-height: 32px!important; color: var(--color4) !important; margin:auto auto 10px auto!important; border:1px solid var(--color1)!important;}
#v-pills-tab button.active{ color: var(--color1) !important; }

.hizmetContainer .titleContainer.pdtb50{padding:0;}
.hizmetContainer .titleContainer{padding:0; margin:auto auto 50px auto;}
.slide-slogan{top:10%; text-align: center;}


.boxYatirimci{background: var(--color5); border-radius: 30px; padding:40px;}
.titleTemelilke{margin:80px 0 30px 0;}
.contact-form{padding:40px;}
.pl0{padding-left:0 !important;}
.pr0{padding-right:0 !important;}
.slide-slogan{max-width: 100%;}
.slogan-text .slogan1{font-size:22px;}
.slogan-text .slogan2{font-size:14px;}
.mobilText.px-5{padding:10px!important;}
.mobilText.py-5{padding:10px!important;}
.mobilText.me-5{padding:10px!important;}
.pdNone{padding:0!important;}
.mrNone{margin:0!important;}
.mrNone .titleLine{margin:20px auto 30px auto!important;}
.mobileCenter{text-align: center;}
.secKurumsal .mb-5{margin:0 0 10px 0!important;}
.size35{font-size:24px;}
.iconBox {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}
.cardTableSema .table-responsive {
    overflow-x: auto;
  }
  .cardTableSema table {
    min-width: 600px; 
  }
  .cardTableSema th, 
  .cardTableSema td {
    font-size: 16px;
    white-space: nowrap;
  }
@keyframes slideInSnap {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes shiftRight {
  to {
    left:0;
  }
}
.txtContainer.py-5,.txtContainer.px-5{padding:10px!important;}
.txtContainer.me-5{margin: 0 !important;}
.accordion-item .accordion-header button{font-size:20px!important;}
.secMain { text-align: center;}
.secMain .txtContainer{ padding: 0 !important;; margin: 0 !important;}
.secMain .mb-5{ margin:10px auto!important;}

.hizmetDemo{padding:40px 0; margin:0;}

}
@media only screen and (max-width:480px) {
.video video{height: 150px;}
  }

/* ============================================================
   TERA BANK — CLEAN SLIDER CSS v1 (FINAL)
   — Desktop animasyonları korunur
   — Mobil sola kayma tamamen kapanır
   — Görsel ortalanır
   — iPhone/Chrome GPU hataları azaltılır
   — Hiçbir tasarım değişmez
=============================================================== */

/* ----------------------------------------
   1) GENEL GPU & STABILITY FIX
----------------------------------------- */
.slide-bg img,
.slide-image-bottom img,
.slide-image-behind img {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    will-change: transform, opacity !important;
    image-rendering: auto !important;
    position: relative;
    z-index: 2;
}

/* Slide heading önde kalması için */
.slide-heading {
    z-index: 10 !important;
}


/* ----------------------------------------
   3) MOBILE LAYOUT FIX (No shiftLeft)
----------------------------------------- */
@media (max-width: 480px) {

    /* shiftLeft animasyonunu tamamen etkisiz hale getiriyoruz */
    @keyframes shiftLeft {
        from { transform: translateX(0) translateY(0); }
        to   { transform: translateX(0) translateY(0); }
    }

    /* Alt görseli ortala + sabitle */
    .slide-image-bottom {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: 20px !important;

        width:300px!important;
        max-width: 300px !important;
        z-index: 5 !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    .slide-image-bottom img {
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        transform: translateX(0) translateY(0) !important;
        animation: fadeInMobile 0.9s ease-out 0.2s forwards !important;
    }

    /* Fade-in animasyonu (hafif, risksiz) */
    @keyframes fadeInMobile {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* Ok arkadaki görsel */
    .slide-image-behind {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.85);
        bottom: 0;
        opacity: 1;
        z-index: 1;
    }

    .slide-image-behind img {
        height: 200px !important;
    }

    /* Slogan düzgün dursun */
    .slide-slogan {
        top: 5% !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    /* Mobile yüksekliği (tam oturan boy) */
    #carouselTera,
    #carouselTera .carousel-inner,
    #carouselTera .carousel-item,
    #carouselTera .slide-bg {
        height: 600px !important;
    }
}