@media (max-width:320px){
  .mh50-yksklk{min-height:52px}
  .me1-mu  {margin-right:5px !important}
  .ic-baslik-84-cozum{font-size: 44px; line-height: 54px;}
  .fs24-krmsl{font-size: 20px; line-height: 28px;}
  .uk-container { padding-left: 20px; padding-right: 20px;}
  .gonderi-bg-top{margin-top: 0px !important;}

  .gonderi-bg{background-position: bottom right !important; background-size:cover !important;  padding:280px 20px 40px 20px; margin-top: -230px;}

  .border-l-solid{border-right: 0px solid #eee; border-bottom: 1px solid #eee; padding:0px 0px 15px 0px;}
  .fs18-k{font-size: 16px;}
  .fs18-k{font-size: 14px;}
  
  .contentp-mh{font-size: 18px;}
  .apozisyon-border{border: 1px solid #E0E0E0; padding: 30px 25px 25px 25px;}
  .fs24-pozisyon{font-size: 20px;}

  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 14px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 14px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklifposition-pad2{padding:20px 20px 40px 20px;  font-size:26px; line-height:32px;}
  .teklifposition-h500{min-height: 500px;}


  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 28px; height: 40px; line-height: 40px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}


  .adresbg{background:#3666AB0A; padding: 50px 30px;}
  .arama-span{background:#3666AB0A; padding:10px 20px; border-radius:100px}
  .sss .uk-accordion-title{font-size: 18px;}
  .sss .uk-accordion-content{font-size: 16px;}
  .sss .uk-open {background:#3666AB0A; padding: 40px 50px;}
  .sss li{ padding: 20px 50px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 5px;}


  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat left top; background-size:cover; min-height:193px; padding:30px 15px 0px 15px}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:16px; line-height:24px; width: auto}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 5px 5px !important; font-size: 16px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 64px; height:64px; line-height:64px;  display: flex; justify-content: center; align-items: center; text-align: center;}

  .br12-mu{border-radius: 0;}
  .ref-mw1600{max-width: 100%; margin-left: 0px; margin-right: 0px;}
  .ok-absolute{position:relative; top:0px}
  .kargo-gonderim-bg{background:url(/images/gonderelimbgmbl.webp)  #FCEEEE no-repeat center center; background-size:cover !important; min-height:300px !important; padding:50px 30px}

  .cozum-span-detay{background: none; border:1px solid #fff; padding:7px 14px; font-size:16px; line-height: 18px; color: #fff;}
  .banner-h751{min-height:651px;}
  .kirmizi-border-btn{background: #fff; display: block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 16px; line-height: 24px;}
  .contenth-mh h1{font-size: 32px; line-height: 42px; color: #000 !important;}
  .contenth-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .contenth-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .contenth-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}
  

  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:75px 0px 50px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 5px; margin-right: 5px;}
  .banner-h500{height:240px;}
  .banner-pad{padding:30px 0px 20px 0px;}

  .ptb150{padding:75px 0px 50px 0px}
  .ic-baslik-44{font-size: 32px; line-height: 42px; color: #000 !important;}
  .ic-baslik-84{font-size: 32px; line-height: 42px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 16px; line-height: 26px;}
  .content-mh h1{font-size: 32px; line-height: 42px; color: #000 !important;}
  .content-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .content-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}


  .ptb250{padding:150px 0px 80px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 24px; line-height: 32px; color: #000 !important;}
  .ic-baslik-24{font-size: 20px; line-height: 32px;}
  .ic-baslik-20{font-size: 16px; line-height: 28px;}
  .kirmizi-btn{background: #DF2526; padding: 18px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  

  .parall .jarallax {height: 75vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 40px; line-height:60px; text-align: center;}


  .cozumslide-pleft{margin-left: 15px !important;}
  .slidept-100{padding-top:50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 15px; }
  .cozumslide .slider .slick-list { padding: 0 20% 0 0;}
  .cozumslide h2{font-size: 24px; line-height: 36px;}
  .cozumslide .kisaic{font-size: 13px; line-height: 23px; min-height: 74px;}

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 15px;right: 40px;width: 100%;z-index: 9; display: none !important;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}

  .cd-fixed-bg { position: relative; min-height: 550px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:100px 0px 50px 0px}
  .fixedbg-1{padding:0px 0px 0px 0px}
  .fixedbg-2{font-size:18px; line-height:26px; padding:0px 50px 100px 0px}


  .on-sayfa-baslik{font-size:26px; line-height:38px}
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 20px 5px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 14px; line-height: 26px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 18px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  
  .whatsapp-kutu-1{background: #3666AB0A; padding:30px 30px 30px 30px; height: auto;}
  .whatsapp-baslik1{font-size:26px; line-height:38px}
  .whatsapp-baslik2{font-size:17px; line-height:25px}
  .mt-i-btn{margin-top: 30px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 30px 30px 30px; height: auto; color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 93px; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top right;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

@media (min-width:321px){ 
  .mh50-yksklk{min-height:52px}
  .me1-mu  {margin-right:5px !important}
  .ic-baslik-84-cozum{font-size: 44px; line-height: 54px;}
  .fs24-krmsl{font-size: 20px; line-height: 28px;}
  .uk-container { padding-left: 20px; padding-right: 20px;}
  .gonderi-bg-top{margin-top: 0px !important;}

  .gonderi-bg{background-position: bottom right !important; background-size:cover !important;  padding:280px 20px 40px 20px; margin-top: -230px;}

  .border-l-solid{border-right: 0px solid #eee; border-bottom: 1px solid #eee; padding:0px 0px 15px 0px;}
  .fs18-k{font-size: 16px;}
  .fs18-k{font-size: 14px;}
  
  .contentp-mh{font-size: 18px;}
  .apozisyon-border{border: 1px solid #E0E0E0; padding: 30px 25px 25px 25px;}
  .fs24-pozisyon{font-size: 20px;}

  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 16px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"]  {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 16px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklifposition-pad2{padding:20px 20px 40px 20px;  font-size:28px; line-height:32px;}
  .teklifposition-h500{min-height: 500px;}

  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 28px; height: 40px; line-height: 40px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}

  .adresbg{background:#3666AB0A; padding: 50px 30px;}
  .arama-span{background:#3666AB0A; padding:10px 20px; border-radius:100px}
  .sss .uk-accordion-title{font-size: 18px;}
  .sss .uk-accordion-content{font-size: 16px;}
  .sss .uk-open {background:#3666AB0A; padding: 40px 50px;}
  .sss li{ padding: 20px 50px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 5px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat left top; background-size:cover; min-height:193px; padding:40px 20px 0px 20px}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: auto}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 15px 15px !important; font-size: 18px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 64px; height:64px; line-height:64px;  display: flex; justify-content: center; align-items: center; text-align: center;}

  .br12-mu{border-radius: 0;}
  .ref-mw1600{max-width: 100%; margin-left: 0px; margin-right: 0px;}
  .ok-absolute{position:relative; top:0px}
  .kargo-gonderim-bg{background:url(/images/gonderelimbgmbl.webp)  #FCEEEE no-repeat center center; background-size:cover !important; min-height:300px !important; padding:50px 30px}

  .cozum-span-detay{background: none; border:1px solid #fff; padding:7px 14px; font-size:16px; line-height: 18px; color: #fff;}
  .banner-h751{min-height:651px;}
  .kirmizi-border-btn{background: #fff; display: block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 18px; line-height: 26px;}
  .contenth-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .contenth-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .contenth-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .contenth-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}
  

  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:75px 0px 50px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 5px; margin-right: 5px;}
  .banner-h500{height:240px;}
  .banner-pad{padding:30px 0px 20px 0px;}

  .ptb150{padding:100px 0px 50px 0px}
  .ic-baslik-44{font-size: 34px; line-height: 44px; color: #000 !important;}
  .ic-baslik-84{font-size: 34px; line-height: 44px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 16px; line-height: 26px;}
  .content-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .content-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .content-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}


  .ptb250{padding:150px 0px 80px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 24px; line-height: 32px; color: #000 !important;}
  .ic-baslik-24{font-size: 20px; line-height: 32px;}
  .ic-baslik-20{font-size: 18px; line-height: 26px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  

  .parall .jarallax {height: 75vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 44px; line-height:64px; text-align: center;}


  .cozumslide-pleft{margin-left: 15px !important;}
  .slidept-100{padding-top:50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 15px; }
  .cozumslide .slider .slick-list { padding: 0 20% 0 0;}
  .cozumslide h2{font-size: 24px; line-height: 36px;}
  .cozumslide .kisaic{font-size: 16px; line-height: 26px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 15px;right: 40px;width: 100%;z-index: 9; display: none !important;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  
  .cd-fixed-bg { position: relative; min-height: 550px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:100px 0px 50px 0px}
  .fixedbg-1{padding:0px 0px 0px 0px}
  .fixedbg-2{font-size:18px; line-height:26px; padding:0px 50px 100px 0px}



  .on-sayfa-baslik{font-size:34px; line-height:46px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 20px 5px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 16px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 18px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  

  .whatsapp-kutu-1{background: #3666AB0A; padding:50px 30px 50px 30px; height: auto;}
  .whatsapp-baslik1{font-size:34px; line-height:46px}
  .whatsapp-baslik2{font-size:18px; line-height:26px}
  .mt-i-btn{margin-top: 50px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 30px 30px 30px; height: auto; color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 93px; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top right;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

@media(min-width:640px){
  .mh50-yksklk{min-height:56px}
  .me1-mu  {margin-right:10px !important}
  .ic-baslik-84-cozum{font-size: 84px; line-height: 104px;}
  .fs24-krmsl{font-size: 24px; line-height: 36px;}
  .uk-container { padding-left: 30px; padding-right: 30px;}
  .gonderi-bg-top{margin-top: 0px !important;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 50px; margin-top: -250px;}

  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 20px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}
  

  .contentp-mh{font-size: 18px;}
  .apozisyon-border{border: 1px solid #E0E0E0; padding: 30px 35px 30px 35px;}
  .fs24-pozisyon{font-size: 20px;}

  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 18px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 18px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklifposition-pad2{padding:50px 100px 50px 50px;  font-size:36px; line-height:32px;}
  .teklifposition-h500{min-height: 500px;}

  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 30px; height: 44px; line-height: 44px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}

  .adresbg{background:#3666AB0A; padding: 50px 50px;}
  .arama-span{background:#3666AB0A; padding:10px 20px; border-radius:100px}
  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat left top; background-size:cover; min-height:193px; padding:70px 50px 0px 50px}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: auto}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 18px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 64px; height:64px; line-height:64px;  display: flex; justify-content: center; align-items: center; text-align: center;}


  .br12-mu{border-radius: 0;}
  .ref-mw1600{max-width: 100%; margin-left: 0px; margin-right: 0px;}
  .ok-absolute{position:relative; top:0px}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; min-height:90px !important; padding:50px 50px}

  .cozum-span-detay{background: none; border:1px solid #fff; padding:10px 20px; font-size:16px; line-height: 18px; color: #fff;}
  .banner-h751{min-height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 18px; line-height: 26px;}
  .contenth-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .contenth-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .contenth-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .contenth-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}
  
  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .banner-h500{height:300px;}
  .banner-pad{padding:30px 0px 50px 0px;}

  .ptb150{padding:150px 0px 100px 0px}
  .ic-baslik-44{font-size: 34px; line-height: 44px; color: #000 !important;}
  .ic-baslik-84{font-size: 44px; line-height: 54px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 16px; line-height: 26px;}
  .content-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .content-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .content-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}

  .ptb250{padding:200px 0px 100px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 24px; line-height: 32px; color: #000 !important;}
  .ic-baslik-24{font-size: 20px; line-height: 32px;}
  .ic-baslik-20{font-size: 18px; line-height: 26px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  
  .parall .jarallax {height: 80vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 44px; line-height:64px; text-align: center;}


  .cozumslide-pleft{margin-left: 30px !important;}
  .slidept-100{padding-top:130px;  margin-top: -45px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 15% 0 0;}
  .cozumslide h2{font-size: 32px; line-height: 44px;}
  .cozumslide .kisaic{font-size: 14px; line-height: 24px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top:0px;right: 40px;width: 100%;z-index: 9; display: inline-block !important;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}

  
  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:230px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 0px 50px 0px}


  .on-sayfa-baslik{font-size:34px; line-height:46px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 40px 10px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  

  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 50px 50px 50px; height: auto;}
  .whatsapp-baslik1{font-size:34px; line-height:46px}
  .whatsapp-baslik2{font-size:17px; line-height:25px}
  .mt-i-btn{margin-top: 30px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 50px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

@media(min-width:800px){
  .mh50-yksklk{min-height:56px}
  .ic-baslik-84-cozum{font-size: 84px; line-height: 104px;}
  .gonderi-bg-top{margin-top: 0px !important;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 50px; margin-top: -200px;}

  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 20px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}
  

  .contentp-mh{font-size: 18px; line-height: 24px;}
  .apozisyon-border{border: 1px solid #E0E0E0; padding: 30px 35px 30px 35px;}
  .fs24-pozisyon{font-size: 24px;}

  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 18px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 18px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklifposition-pad2{padding:50px 100px 50px 50px;  font-size:36px; line-height:32px;}
  .teklifposition-h500{min-height: 500px;}


  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 30px; height: 44px; line-height: 44px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}

  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat center top; background-size:cover; min-height:193px; padding:70px 50px 0px 50px}
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 18px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 64px; height:64px; line-height:64px;  display: flex; justify-content: center; align-items: center; text-align: center;}

  .br12-mu{border-radius: 12px;}
  .ref-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .ok-absolute{position:relative; top:0px}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; min-height:90px !important; padding:50px 50px}

  .cozum-span-detay{background: none; border:1px solid #fff; padding:10px 20px; font-size:16px; line-height: 18px; color: #fff;}
  .banner-h751{min-height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 18px; line-height: 26px;}
  .contenth-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .contenth-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .contenth-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .contenth-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}
  


  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .banner-h500{height:400px;}
  .banner-pad{padding:50px 0px 50px 0px;}

  .ptb150{padding:150px 0px 100px 0px}
  .ic-baslik-44{font-size: 44px; line-height: 56px; color: #000 !important;}
  .ic-baslik-84{font-size: 64px; line-height: 84px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 18px; line-height: 30px;}
  .content-mh h1{font-size: 34px; line-height: 46px; color: #000 !important;}
  .content-mh h2{font-size: 24px; line-height: 36px; color: #000 !important;}
  .content-mh h3{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h4{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h5{font-size: 16px; line-height: 24px; color: #000 !important;}

  .ptb250{padding:200px 0px 100px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 36px; line-height: 46px; color: #000 !important;}
  .ic-baslik-24{font-size: 24px; line-height: 32px;}
  .ic-baslik-20{font-size: 16px; line-height: 28px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  
  .parall .jarallax {height: 80vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 44px; line-height:64px; text-align: center;}


  .cozumslide-pleft{margin-left: 30px !important;}
  .slidept-100{padding-top:130px;  margin-top: -50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 15% 0 0;}
  .cozumslide h2{font-size: 32px; line-height: 44px;}
  .cozumslide .kisaic{font-size: 16px; line-height: 26px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 40px;width: 100%;z-index: 9;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}

  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:330px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 0px 50px 0px}

  .on-sayfa-baslik{font-size:34px; line-height:46px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 40px 30px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  

  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 50px 50px 50px; height: auto;}
  .whatsapp-baslik1{font-size:34px; line-height:46px}
  .whatsapp-baslik2{font-size:17px; line-height:25px}
  .mt-i-btn{margin-top: 30px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 50px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

@media(min-width:960px){
  .mh50-yksklk{min-height:56px}
  .ic-baslik-84-cozum{font-size: 84px; line-height: 104px;}
  .uk-container { padding-left: 40px; padding-right: 40px;}
  .prhimet100{padding-right:50px}
  .pr50-lr{padding-left:30px; padding-right:30px}
  .gonderi-bg-top{margin-top: -200px !important;}

  .kargo-durum-pad1{padding: 0px 15px;}
  .kargo-durum-pad2{padding: 0px 10px;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 80px; margin-top: -200px;}

  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 15px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}

  .contentp-mh{font-size: 18px; line-height: 24px;}
  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 18px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 18px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}
  
  .teklifposition-pad2{padding:50px 100px 50px 50px;  font-size:36px; line-height:32px;}
  .teklifposition-h500{min-height: 500px;}

  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 24px; height: 38px; line-height: 38px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 16px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 0px;}


  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat center top; background-size:cover; min-height:193px; padding:70px 50px}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: 500px;}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 22px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 64px; height:64px;  display: flex; justify-content: center; align-items: center; text-align: center;}

  .ref-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .ok-absolute{position:absolute; top:0px}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; height:290px !important; padding:0px 50px}

  .cozum-span-detay{background: none; border:1px solid #fff; padding:10px 20px; font-size:16px; line-height: 18px; color: #fff;}

  .banner-h751{min-height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 18px; line-height: 26px;}
  .contenth-mh h1{font-size: 34px; line-height: 44px; color: #000 !important;}
  .contenth-mh h2{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h3{font-size: 18px; line-height: 26px; color: #000 !important;}
  .contenth-mh h4{font-size: 16px; line-height: 24px; color: #000 !important;}
  .contenth-mh h5{font-size: 14px; line-height: 22px; color: #000 !important;}
  


  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .banner-h500{height:400px;}
  .banner-pad{padding:80px 0px 50px 0px;}


  .ptb150{padding:150px 0px 100px 0px}
  .ic-baslik-44{font-size: 44px; line-height: 56px; color: #000 !important;}
  .ic-baslik-84{font-size: 64px; line-height: 84px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 18px; line-height: 30px;}
  .content-mh h1{font-size: 34px; line-height: 46px; color: #000 !important;}
  .content-mh h2{font-size: 24px; line-height: 36px; color: #000 !important;}
  .content-mh h3{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h4{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h5{font-size: 16px; line-height: 24px; color: #000 !important;}

  .ptb250{padding:200px 0px 100px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 36px; line-height: 46px; color: #000 !important;}
  .ic-baslik-24{font-size: 24px; line-height: 32px;}
  .ic-baslik-20{font-size: 16px; line-height: 28px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  
  .parall .jarallax {height: 70vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 84px; line-height:104px; text-align: center;}


  .cozumslide-pleft{margin-left: 40px !important;}
  .slidept-100{padding-top:130px;  margin-top: -50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 15% 0 0;}
  .cozumslide h2{font-size: 32px; line-height: 44px;}
  .cozumslide .kisaic{font-size: 16px; line-height: 26px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 40px;width: 100%;z-index: 9;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}

  
  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:330px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 0px 50px 0px}

  .on-sayfa-baslik{font-size:34px; line-height:46px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 40px 30px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}

  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 80px 50px 50px; height: auto;}
  .whatsapp-baslik1{font-size:34px; line-height:46px}
  .whatsapp-baslik2{font-size:17px; line-height:25px}
  .mt-i-btn{margin-top: 30px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 15px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}


@media(min-width:1200px){
  .mh50-yksklk{min-height:56px}
  .about-pad-r100{padding-right:50px}
  .ic-baslik-84-cozum{font-size: 64px; line-height: 84px;}
  .pr50-lr{padding-left:40px; padding-right:40px}
  .prhimet100{padding-right:100px}
  .gonderi-bg-top{margin-top: -200px;}

  .kargo-durum-pad1{padding: 0px 30px;}
  .kargo-durum-pad2{padding: 0px 35px;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 80px; margin-top: -200px;}

  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 15px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}

  .contentp-mh{font-size: 18px; line-height: 24px;}
  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 14px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 14px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklif-position{position: absolute; right:0px; width: 45%; height:950px;}
  .teklifposition-pad{padding:50px 100px 50px 50px; font-size:36px; line-height:32px;}
  
  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 24px; height: 38px; line-height: 38px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 16px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 0px;}


  .pr150-help{padding-right:100px}
  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat center top; background-size:cover; min-height:193px; padding:70px 50px}
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 84px; height:84px; display: flex; justify-content: center; align-items: center; text-align: center;}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: 500px;}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 84px; height:84px; display: flex; justify-content: center; align-items: center; text-align: center;}

  .ref-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; height:290px !important; padding:0px 50px}

  .cozum-span-detay{background: none; border:1px solid #3666AB; padding:10px 20px; font-size:16px; line-height: 18px; color: #3666AB;}

  .banner-h751{height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 16px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 20px; line-height: 32px;}
  .contenth-mh h1{font-size: 44px; line-height: 56px; color: #000 !important;}
  .contenth-mh h2{font-size: 34px; line-height: 46px; color: #000 !important;}
  .contenth-mh h3{font-size: 24px; line-height: 36px; color: #000 !important;}
  .contenth-mh h4{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h5{font-size: 18px; line-height: 26px; color: #000 !important;}

  

  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 100%; margin-left: 15px; margin-right: 15px;}
  .banner-h500{height:400px;}
  .banner-pad{padding:80px 0px 50px 0px;}

  .ptb150{padding:150px 0px 100px 0px}
  .ic-baslik-44{font-size: 44px; line-height: 56px; color: #000 !important;}
  .ic-baslik-84{font-size: 64px; line-height: 84px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 18px; line-height: 30px;}
  .content-mh h1{font-size: 34px; line-height: 46px; color: #000 !important;}
  .content-mh h2{font-size: 24px; line-height: 36px; color: #000 !important;}
  .content-mh h3{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h4{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h5{font-size: 16px; line-height: 24px; color: #000 !important;}

  .ptb250{padding:200px 0px 100px 0px}
  .content-mh{min-height: 150px;}
  .ic-baslik-36{font-size: 36px; line-height: 46px; color: #000 !important;}
  .ic-baslik-24{font-size: 24px; line-height: 32px;}
  .ic-baslik-20{font-size: 16px; line-height: 28px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  
  .parall .jarallax {height: 90vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 84px; line-height:104px; text-align: center;}


  .cozumslide-pleft{margin-left: 40px !important;}
  .slidept-100{padding-top:130px;  margin-top: -50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 15% 0 0;}
  .cozumslide h2{font-size: 32px; line-height: 44px;}
  .cozumslide .kisaic{font-size: 16px; line-height: 26px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 40px;width: 100%;z-index: 9;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}


  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:330px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 50px 50px 0px}

  .on-sayfa-baslik{font-size:44px; line-height:56px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 40px 30px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  
  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 80px 20px 50px; height: calc(100% - 280px);}
  .whatsapp-baslik1{font-size:34px; line-height:46px}
  .whatsapp-baslik2{font-size:17px; line-height:25px}
  .mt-i-btn{margin-top: 60px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 15px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top left;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

@media(min-width:1400px){
  .mh50-yksklk{min-height:56px}
  .about-pad-r100{padding-right:70px}
  .srvs-d-pad80{padding-right:60px}
  .ic-baslik-84-cozum{font-size: 84px; line-height: 104px;}
  .pr50-lr{padding-left:100px; padding-right:50px}
  .prhimet100{padding-right:100px}
  .gonderi-bg-top{margin-top: -200px;}
  .kargo-durum-pad1{padding: 0px 70px;}
  .kargo-durum-pad2{padding: 0px 45px;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 80px; margin-top: -200px;}


  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 25px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}

  .contentp-mh{font-size: 18px; line-height: 24px;}
  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 16px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 16px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklif-position{position: absolute; right:0px; width: 45%; height:950px;}
  .teklifposition-pad{padding:50px 100px 100px 70px; font-size:44px; line-height:36px;}
  

  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 30px; height: 44px; line-height: 44px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}

  .pr150-help{padding-right:100px}
  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat left top; background-size:cover; min-height:193px; padding:70px 50px}
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 84px; height:84px; display: flex; justify-content: center; align-items: center; text-align: center;}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: 500px;}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 84px; height:84px; display: flex; justify-content: center; align-items: center; text-align: center;}

  .ref-mw1600{max-width: 1600px; margin-left: 15px; margin-right: 15px;}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; height:290px !important; padding:0px 50px}


  .banner-h751{height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .contenth-mh{font-size: 20px; line-height: 32px;}
  .contenth-mh h1{font-size: 44px; line-height: 56px; color: #000 !important;}
  .contenth-mh h2{font-size: 34px; line-height: 46px; color: #000 !important;}
  .contenth-mh h3{font-size: 24px; line-height: 36px; color: #000 !important;}
  .contenth-mh h4{font-size: 20px; line-height: 27px; color: #000 !important;}
  .contenth-mh h5{font-size: 18px; line-height: 26px; color: #000 !important;}


  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 1600px; margin-left: 15px; margin-right: 15px;}
  .banner-h500{height:500px;}
  .banner-pad{padding:80px 0px 50px 0px;}

  .ptb150{padding:150px 0px 100px 0px}
  .ic-baslik-44{font-size: 44px; line-height: 56px; color: #000 !important;}
  .ic-baslik-84{font-size: 84px; line-height: 104px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 18px; line-height: 30px;}
  .content-mh h1{font-size: 34px; line-height: 46px; color: #000 !important;}
  .content-mh h2{font-size: 24px; line-height: 36px; color: #000 !important;}
  .content-mh h3{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h4{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h5{font-size: 16px; line-height: 24px; color: #000 !important;}


  .ptb250{padding:200px 0px 150px 0px}
  .ic-baslik-36{font-size: 36px; line-height: 46px; color: #000 !important;}
  .ic-baslik-24{font-size: 24px; line-height: 32px;}
  .ic-baslik-20{font-size: 20px; line-height: 32px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  
  .parall .jarallax {height: 90vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 84px; line-height:104px; text-align: center;}

  
  .cozumslide-pleft{margin-left: 40px !important;}
  .slidept-100{padding-top:130px;  margin-top: -50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 15% 0 0;}
  .cozumslide h2{font-size: 32px; line-height: 44px;}
  .cozumslide .kisaic{font-size: 16px; line-height: 26px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 40px;width: 100%;z-index: 9;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}


  
  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:330px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 140px 50px 0px}

  .on-sayfa-baslik{font-size:44px; line-height:56px}
  
  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 50px 50px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  
  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 40px 20px 50px; height: calc(100% - 290px);}
  .whatsapp-baslik1{font-size:44px; line-height:56px}
  .whatsapp-baslik2{font-size:20px; line-height:32px}
  .mt-i-btn{margin-top: 70px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 20px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top left;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}
@media(min-width:1480px){
.cozumslide-pleft{margin-left: calc((100% - 1400px) / 2 + 0px) !important;}
.cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 18%;width: 100%;z-index: 9;}
.cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
.cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
}

@media(min-width:1700px){
  .mh50-yksklk{min-height:56px}
  .about-pad-r100{padding-right:85px}
  .srvs-d-pad80{padding-right:80px}
  .ic-baslik-84-cozum{font-size: 84px; line-height: 104px;}
  .gonderi-bg-top{margin-top: -200px;}
  .kargo-durum-pad1{padding: 0px 70px;}
  .kargo-durum-pad2{padding: 0px 55px;}

  .gonderi-bg{background-position: center center !important; background-size:cover !important;  padding:350px 50px 80px 80px; margin-top: -200px;}

  .border-l-solid{border-right: 2px solid #eee; border-bottom: 0px solid #eee; padding:0px 25px 0px 0px;}
  .fs18-k{font-size: 18px;}
  .fs18-k{font-size: 16px;}

  .contentp-mh{font-size: 18px; line-height: 24px;}
  .floating-label { position: absolute; top: 50%; left: 20px; right: 0; padding: 0 0px 0 0px; transform: translateY(-50%); font-size: 18px; pointer-events: none; transition: 0.2s ease; box-sizing: border-box;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 8px; height: 60px !important; font-size: 18px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;}

  .teklif-position{position: absolute; right:0px; width: 45%; height:950px;}
  .teklifposition-pad{padding:50px 200px 100px 70px; font-size:44px; line-height:36px;}

  .sozluk .uk-subnav-pill>*>:first-child {padding: 0px 0px; width: 32px; height: 44px; line-height: 44px; text-align: center; display: block; color: #000; border: 1px solid #E0E0E0; border-radius: 12px; font-size: 18px; font-weight: 600;}
  .sozluk .uk-subnav>* { padding-left: 3px;}

  .pr150-help{padding-right:140px}
  .sss .uk-accordion-title{font-size: 20px;}
  .sss .uk-accordion-content{font-size: 18px;}
  .sss .uk-open {background:#3666AB0A; padding: 50px 70px;}
  .sss li{ padding: 20px 70px; position: relative;}
  .sss .uk-accordion-title::before {position: absolute; left: 20px;}

  .helpcenter-bg{background:url(/images/helpcenter.webp) no-repeat left top; background-size:cover; min-height:193px; padding:70px 50px}
  .iletisim-kutu{background: #fff; color: #000 !important; padding: 30px 30px !important; font-size: 24px; line-height: 36px;}
  .helpicon{background: #3666AB0A;  width: 84px; height:84px; display: flex; justify-content: center; align-items: center; text-align: center;}
  .help-button-w{background:#FFFFFF; padding:25px 25px; font-size:18px; line-height:28px; width: 500px;}
  .plus-button{width:34px; height:34px; background:url('/images/yardim-plus.svg') no-repeat center center #3666AB;  display: flex; justify-content: center; align-items: center; text-align: center; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .help-whatsapp-button{width:34px; height:34px; line-height:33px; background:#3666AB; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #3666AB;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  

  .ref-mw1600{max-width: 1600px; margin-left: auto; margin-right: auto;}
  .kargo-gonderim-bg{background:url(/images/gonderelimbg.webp)  #FCEEEE no-repeat center right; background-size:cover !important; height:290px !important; padding:0px 50px}

  .banner-h751{height:751px;}
  .kirmizi-border-btn{background: #fff; display: inline-block; border: 1.5px solid #DF2526; padding: 18px 28px; font-size: 16px; color:#DF2526; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  .banner-pad-detay{padding:20px 0px 50px 0px;}
  .ptb100{padding:100px 0px 100px 0px}
  .banner-mw1600{max-width: 1600px; margin-left: auto; margin-right: auto;}
  .banner-h500{height:500px;}
  .banner-pad{padding:80px 0px 50px 0px;}

  .ptb150{padding:170px 0px 100px 0px}
  .ic-baslik-44{font-size: 44px; line-height: 56px; color: #000 !important;}
  .ic-baslik-84{font-size: 84px; line-height: 104px; color: #000 !important;}
  .content-mh{min-height: 150px; font-size: 18px; line-height: 30px;}
  .content-mh h1{font-size: 34px; line-height: 46px; color: #000 !important;}
  .content-mh h2{font-size: 24px; line-height: 36px; color: #000 !important;}
  .content-mh h3{font-size: 20px; line-height: 27px; color: #000 !important;}
  .content-mh h4{font-size: 18px; line-height: 26px; color: #000 !important;}
  .content-mh h5{font-size: 16px; line-height: 24px; color: #000 !important;}

  .ptb250{padding:250px 0px 200px 0px}
  .ic-baslik-36{font-size: 36px; line-height: 46px; color: #000 !important;}
  .ic-baslik-24{font-size: 24px; line-height: 32px;}
  .ic-baslik-20{font-size: 20px; line-height: 32px;}
  .kirmizi-btn{background: #DF2526; padding: 15px 38px; font-size: 16px; color:#fff; border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  

  .parall .jarallax {height: 95vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: sticky;  top: 0;  will-change: transform, background-size;}
  .parall .demo-table { display: table;width: 100%;height: 100%;}
  .parall .demo-table-cell {display: table-cell;text-align: center;vertical-align: middle;}
  .parall .hero__title { display: flex; align-items: center; justify-content: center; position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: white; font-size: 84px; line-height:104px; text-align: center;}


  .cozumslide-pleft{margin-left: calc((100% - 1400px) / 2 + 0px) !important;}
  .slidept-100{padding-top:130px; margin-top: -50px;}
  .cozumslide .slider__item {display: inline-flex; margin-right: 30px; }
  .cozumslide .slider .slick-list { padding: 0 13% 0 0;}
  .cozumslide h2{font-size: 34px; line-height: 46px;}
  .cozumslide .kisaic{font-size: 18px; line-height: 28px; }

  .detail-link{border: 1.5px solid #3666AB; color:#3666AB; font-size: 16px; line-height: 16px; background: none; display: inline-block; padding:7px 17px 7px 7px; border-radius: 90px;}
  .detail-link .iconplus{ background:url('/images/plus.svg') no-repeat center center #3666AB; color:#fff; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}

  .cozumslide .slick-arrow {display: flex;justify-content: end; position: absolute;top: 0px;right: 15%;width: 100%;z-index: 9;}
  .cozumslide .slick-prev {background: transparent;color: #000; text-align: center; display: flex; justify-content: center; align-items: center;  margin: 0 40px;   cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}
  .cozumslide .slick-next {background: transparent;color: #000;  text-align: center;  display: flex; justify-content: center; align-items: center; position: absolute;  cursor: pointer !important; border: 1.5px solid #E0E0E0; width: 34px; height: 34px;   border-radius: 50%;}


  .cd-fixed-bg { position: relative; height: 770px; padding-top:0px; background-size: cover; background-repeat: no-repeat;  background-position: center center; z-index: 1;}
  .fixedbg-pad{padding:330px 0px 0px 0px}
  .fixedbg-1{padding:0px 0px 50px 0px}
  .fixedbg-2{font-size:20px; line-height:32px; padding:0px 150px 50px 0px}

  .on-sayfa-baslik{font-size:44px; line-height:56px}

  .urun-tab .card { border: 1px solid #E0E0E0; border-radius: 12px; padding: 50px 50px; transition: all 0.3s ease-in-out; cursor: pointer;}
  .urun-tab .baslik{font-size: 20px; line-height: 36px; color: #000;}
  
  .urun-tab  .uk-tab>*>a{text-transform: capitalize; font-size: 24px !important; line-height: 36px;}
  .urun-tab .uk-tab > li > a {font-weight: 600; color: #c3bfbf;  border-bottom: 2px solid #E0E0E0; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li > a:hover {font-weight: 600; color: #2A5798;  border-bottom: 2px solid #2A5798; padding-bottom: 10px; transition: border 0.6s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .urun-tab .uk-tab > li.uk-active > a {color: #3666AB;border-bottom: 2px solid #3666AB;}
  
  .whatsapp-kutu-1{background: #3666AB0A; padding:60px 60px 20px 50px; height: calc(100% - 290px);}
  .whatsapp-baslik1{font-size:44px; line-height:56px}
  .whatsapp-baslik2{font-size:20px; line-height:32px}
  .mt-i-btn{margin-top: 70px;}

  .whatsapp-project-btn .text-btn {  display: block; align-items: center;  justify-content: center; background: #4AC9591F;padding: 30px 50px 30px 50px; height: calc(100% - 60px); color: #000;  font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease;}
  .whatsapp-project-btn .arrow-btn {  display: flex;  align-items: center; justify-content: center;  position: relative; width: 100%;  height: 100%; background: #4AC959;  color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}

  .heroImg-container { height: 100vh;overflow: hidden;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101vh; object-fit: cover; object-position: top left;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {color:#000000}

.apozisyon-border{ -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.apozisyon-border:hover{border: 1px solid #9B9B9B; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.urun-tab .card:hover { border: 1px solid #9B9B9B;}

.opacity80{opacity: 1; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.footerlogo:hover .opacity80{opacity: 0.8; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.uk-inputfile {background: #fff; font-weight: 400; border: 1px solid #E0E0E0; border-radius: 8px; height: 60px !important; font-size: 18px; color: #000; padding:0px 20px 0px 8px; transition: padding 0.2s ease;}
.uk-inputfile:hover {box-shadow: 0 0 0 1px #3666AB, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out;}
.uk-inputfile:focus {
  box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; color: #000;
}

textarea.uk-input:focus, textarea.uk-input:not(:placeholder-shown) { padding: 22px 20px 10px !important;}


.file-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Buton sağda görünür */
  gap: 10px; /* Buton ve dosya adı arasında boşluk */
}

.custom-file-button {
  background-color: #FCEEEE;
  color: #DF2526;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  text-align: center; font-weight: 500;
  transition: background-color 0.3s ease;
}

.custom-file-button:hover {
  background-color: #f8dbdb;
}

.file-name {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Uzun dosya isimlerini kesmek için */
  max-width: 200px; /* Dosya adı için maksimum genişlik */
}

.uk-input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.ps0{padding-left: 0px;}

.uk-w-90{width: calc(100% - 20px);}

/* Scroll bar for modern browsers */
.scrollable-container {
  overflow-x: auto; /* Yatay kaydırmayı etkinleştirir */
  overflow-y: hidden; /* Dikey kaydırmayı engeller */
  white-space: nowrap; /* Elemanların alt alta düşmesini engeller */
  padding-bottom: 15px;
}

.scrollable-container::-webkit-scrollbar {
  height: 5px; /* Scroll bar yüksekliği */
}

.scrollable-container::-webkit-scrollbar-thumb {
  background-color: #3666AB0A; /* Scroll barın rengi */
  border-radius: 25px; /* Köşe yuvarlama */
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
  background-color: #3666AB0A; /* Hover sırasında scroll barın rengi */
}

.scrollable-container::-webkit-scrollbar-track {
  background: #3666AB0A; /* Scroll barın arka plan rengi */
  border-radius: 25px;
}

/* Universal scrollbar styling for Firefox */
.scrollable-container {
  scrollbar-color: #00000014 #f7f7f7;  /* Scroll bar ve track renkleri */
  scrollbar-width: thin; /* İnce scroll bar */
}

/* Scroll içindeki öğeler */
.scrollable-container ul {
  display: flex; /* Elemanları yatay hizalar */
  gap: 3px; /* Elemanlar arasındaki boşluk */
  padding: 0;
  margin: 0;
  list-style: none; /* Varsayılan liste stilini kaldırır */
}

.scrollable-container ul li {
  display: inline-block; /* Satır içi blok yapar */
  flex-shrink: 0; /* Elemanların daralmasını engeller */
}

.scrollable-container ul li a {
  display: block; /* Tüm bağlantıyı tıklanabilir yapar */
  padding: 5px 10px; /* İç boşluk */
  text-decoration: none; /* Alt çizgiyi kaldırır */
  color: inherit; /* Varsayılan renk kullanımı */
  border: 1px solid #ccc; /* Çerçeve */
  border-radius: 4px; /* Köşe yuvarlama */
  white-space: nowrap; /* Bağlantı metninin satır atlamasını engeller */
}



.sozluk .uk-subnav {margin-left: 0px;}

.sozluk .uk-subnav-pill>.uk-active>a { background-color: #DF2526; color: #fff;}

.redtitle{color: #DF2526; font-size: 20px;}
.adresbg .uk-text-underline { text-decoration: underline; text-decoration-color: #000;}
.adresbg .uk-text-underline:hover { text-decoration: underline; text-decoration-color: #3A54A3; color: #3A54A3;}


.sss .uk-open .uk-accordion-title{color: #3666AB;}


.sss .uk-open>.uk-accordion-title::before {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 20 20%22%3E%3Cpolyline fill%3D%22none%22 stroke%3D%22%233666AB%22 stroke-width%3D%221.1%22 points%3D%2213 12.5 10 9.5 7 12.5%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%; /* Hafif sağa kaydır */
    background-size: 40px; /* Boyutlandırma */
}

.sss .uk-accordion-title::before{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 20 20%22%3E%3Cpolyline fill%3D%22none%22 stroke%3D%22%23000000%22 stroke-width%3D%221.1%22 points%3D%227 7.5 10 10.5 13 7.5%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%; /* Sağda ve dikey ortalı */
  background-size: 40px; /* Boyutlandırma */
}

.uk-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/images/b.svg) no-repeat center right; background-size: 100%;
  background-repeat: no-repeat;
  background-position: 96.5% 50%; /* Hafif sağa kaydır */
    background-size: 14px; /* Boyutlandırma */
}




.redsolid.error {box-shadow:0 0 0 1px #DF2526, 0 0 0 5px #ffffff00;}
.iti { display: block !important;}


.iltsm-kirmizibg{background-color:#DF2526 !important; color: #fff !important; border: none; padding: 21px 50px; font-size: 16px; border-radius: 90px; cursor: pointer;}
.iltsm-kirmizibg:hover{background-color:#CA0C0D !important; color: #fff !important;}



.uk-input-gonderi {padding: 0px 20px 0px 20px !important;}


.uk-input:hover, 
.uk-select:hover, 
.uk-textarea:hover {
  box-shadow: 0 0 0 1px #3666AB, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out;
}

.uk-input:focus, 
.uk-select:focus, 
.uk-textarea:focus {
  box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #ffffff00; transition: box-shadow 0.3s ease-out; color: #000;
}


.uk-input::placeholder,
.uk-textarea::placeholder,
.uk-textarea::placeholder { color: #000;}


#mobile_code::-webkit-inner-spin-button, 
#mobile_code::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Safari ve Chrome için */
  margin: 0; /* Varsayılan boşluğu kaldır */
}

#mobile_code {
  -moz-appearance: textfield; /* Firefox için */
}


/* Chrome, Safari, Edge ve Opera için */
.uk-input::-webkit-outer-spin-button,
.uk-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox için */
.uk-input[type="number"] {
    -moz-appearance: textfield;
}

/* Genel Konteyner Ayarları */
.input-container {position: relative;}

/* Input Focus ve Placeholder Dolduğunda */
.uk-input:focus + .floating-label, 
.uk-input:not(:placeholder-shown) + .floating-label,
textarea.uk-input:focus + .floating-label, 
textarea.uk-input:not(:placeholder-shown) + .floating-label,
.uk-select:focus + .floating-label, 
.uk-select:not([value=""]) + .floating-label { top: 18px; left: 20px; font-size: 13px; color: #949494;}




/* Input Focus ve Placeholder Dolduğunda Message*/
.floating-labelms { top: 13%; transform: translateY(-13%);}

.uk-input:focus + .floating-labelms, 
.uk-input:not(:placeholder-shown) + .floating-labelms,
textarea.uk-input:focus + .floating-labelms, 
textarea.uk-input:not(:placeholder-shown) + .floating-labelms,
.uk-select:focus + .floating-labelms, 
.uk-select:not([value=""]) + .floating-labelms { top: 8px;}



.iti--separate-dial-code .iti__selected-flag {
  background-color: rgb(0 0 0 / 0%) !important; border-right:1px solid #eee;
}
.iti__country-list {border-radius: 8px; padding: 15px 5px !important; border: 0px solid #CCC !important;}
.iti__country.iti__highlight {  background-color: #3666AB0A !important; color: #3666AB !important;}
.iti__selected-flag { padding: 0 20px 0 20px !important;}
#mobile_code {
  padding-left: 145px !important; /* !important ile padding'i sabit tutar */
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 35px;
}
.iti__arrow {
  margin-left: 15px;
  border-left: 0px solid transparent; 
  border-right: 0px solid transparent; 
  border-top: 0px solid #000000; 
  background: url(/images/b.svg) no-repeat center center; background-size: 100%;
  width: 14px;
  height: 8px;
}


.iform .uk-grid-small>.uk-grid-margin {
  margin-top: 20px;
}

/* Yazılacak alan aşağı kayar */
.uk-input:focus, 
.uk-input:not(:placeholder-shown),
textarea.uk-input:focus, 
textarea.uk-input:not(:placeholder-shown),
input[type="search"].uk-input:focus,
input[type="search"].uk-input:not(:placeholder-shown) {
    padding: 24px 20px 10px !important;
}
.uk-select:focus, 
.uk-select:not([value=""]) {  padding: 16px 0px 0px 20px;/* Yazı alanı aşağı kayar */}





.delete-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: #F3F3F3;border: none;font-size: 20px;color: #000; cursor: pointer; padding: 0; width: 24px; height:24px;  border-radius: 50%;line-height: 0px; text-align: center;display: none;}
.delete-btn.show { display: block; /* Alan dolduğunda görünür */}
.delete-btn:hover { background: #2A5798;  color: #fff;}





.help-button-w:hover .plus-button{background:url('/images/plus2.svg') no-repeat center center #fff; border: 8px solid #2A5798; color:#2A5798; box-shadow: 0 0 0 2px #2A5798;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.help-button-w:hover .help-whatsapp-button{background:#2A5798; border-radius:50%; color:#fff; border: 8px solid #fff;  box-shadow: 0 0 0 2px #2A5798;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}



.iletisim-kutu:hover{background: #3666AB; color: #fff !important;}
.iletisim-kutu:hover .helpicon{background: #FFFFFF0A; filter: brightness(0) invert(1);}


.iletisim-kutuactive{background: #3666AB !important; color: #fff !important;}
.iletisim-kutuactive .helpicon{background: #FFFFFF0A !important; filter: brightness(0) invert(1) !important;}


.imggray{filter: grayscale(100%);}
.bredgri{color:#999 !important}
.yardimmerkezi-box{background: transparent; border: 1px solid #3666AB2E; padding: 20px 20px; color: #000 !important;}
.yardimmerkezi-box:hover{ background: #3666AB;  color: #fff !important;}
.bordericon-left{border: 1.5px solid #3666AB; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/arrow-left-blue.svg) no-repeat center center; background-position: calc(50% - 1px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{border: 1.5px solid #3666AB; background: url(/images/arrow-left-white.svg) no-repeat center center #3666AB; background-position: calc(50% - 1px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{border: 1.5px solid #3666AB; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/arrow-rigth-blue.svg) no-repeat center center; background-position: calc(50% + 1px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{border: 1.5px solid #3666AB;  background: url(/images/arrow-rigth-white.svg) no-repeat center center #3666AB; background-position: calc(50% + 1px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.y-icon-bg{background: #3666AB0A; padding:12px;}
.yardimmerkezi-box:hover .y-icon-bg{background: #FFFFFF0A; filter: brightness(0) invert(1);}



.icsayfalar .uk-dotnav>* { flex: none; padding-left: 0px;}
.icsayfalar .uk-dotnav>*>* {border-radius: 0%; width: 50px; height: 2px; border: none;}
.uk-dotnav>.uk-active>* { background-color: #000 !important;}

.kirmizi-border-btn:hover{background: #DF2526; color:#fff;  border-radius:90px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.start-project-btn .kirmizibg{background-color:#DF2526 !important; color: #fff !important;}
.start-project-btn:hover .kirmizibg{background-color:#CA0C0D !important; color: #fff !important;}

.contenth-mh b{font-weight: 600 !important;}
.maddebaslik h1,
.maddebaslik h2,
.maddebaslik h3,
.maddebaslik h4,
.maddebaslik h5 {color: #DF2526 !important; font-size: 24px !important; line-height: 34px !important;}

.madde ul { list-style: none;padding-left: 0; padding: 0 0 0 12px; list-style-position: outside;}
.madde li {  text-indent: -12px;  padding-left: 12px; padding-bottom: 20px;}
.madde ul li::before {  content: "—"; color: #DF2526;  margin-right: 8px;  display: inline-block; padding-bottom: 0px;}




.baslik-white{color: #fff !important;}
.uk-breadcrumb>*>* { font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.uk-breadcrumb a:hover { font-size: 14px; color: rgba(255, 255, 255, 1);}
.uk-breadcrumb{ font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {content: "."; font-size: 40px; top: 5%;transform: translateY(-5%); display: inline-block;}
.ukbreadsiyah{color: #999 !important;}
.ukbreadsiyahlink{color: #999 !important;}
.ukbreadsiyahlink:hover{color: #000 !important;}

.kirmizi-btn:hover{background: #CA0C0D; color:#fff;  border-radius:90px; display:inline-block; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cd-fixed-bg {background-attachment: fixed;}
.twolines {
  display: -webkit-box;        /* Flexbox benzeri bir kutu modeli */
  -webkit-line-clamp: 2;       /* 2 satırda sınırlama */
  -webkit-box-orient: vertical;/* Dikey yönlendirme */
  overflow: hidden;            /* Fazlalıkları gizle */
  text-overflow: ellipsis;     /* Fazlalık yerine '...' ekle */
}
 
.menucolor .button_container span{background: #000000;}

.footerlink .uk-button-text::before { border-bottom: 1px solid #000000 !important;}
.uk-button-text {color: #000;}
.br12{border-radius: 12px;}
  

.uk-alert-danger { background: #FFE5E6; color: #000;}
.uk-alert-success{ background: #EBFAF3; color: #000;}
.uk-alert-warning{ background: #FEF2DA; color: #000;}
.uk-alert-info{ background: #DCF2FF; color: #000;}


.uk-icon-button-error { width: 34px; height: 34px; background: #fff; color: #FF5B53;}
.uk-icon-button-success { width: 34px; height: 34px; background: #fff; color: #37B98B;}
.uk-icon-button-warning { width: 34px; height: 34px; background: #fff; color: #E5AB0B;}
.uk-icon-button-info { width: 34px; height: 34px; background: #fff; color: #3773B9;}

.fs16-error{font-size: 16px; line-height: 18px;}




/* HELP WHATSAPP BUTON */
.helpbuton .arrow {  display: inline-block; position: absolute; width: 30px; transition: transform 0.5s ease, opacity 0.5s ease, left 0.5s ease, top 0.5s ease;transform: translate(-50%, -50%);}
.helpbuton .arrow.horizontal {  opacity: 1; left: 50%;top: 50%; /* Başlangıçta ortada */transform: translateX(-50%) translateY(-50%) rotate(-35deg);}
.helpbuton .arrow.vertical { opacity: 0; left: 50%;top: 50%;transform: translateX(-100%) translateY(0%) rotate(-35deg);}
/* Hover durumunda okları hareket ettirme */
.helpbuton:hover .arrow.horizontal { opacity: 0; transform: translateX(-50%) translateY(0%) rotate(-35deg); left: 150%;  top: -20px;}
.helpbuton:hover .arrow.vertical { opacity: 1; transform: translateX(-50%) translateY(-50%) rotate(-35deg); left: 50%; top: 50%; }
  




  /* BUTON 1 */
  
  .start-project-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; position: relative;}
  .start-project-btn .arrow {display: inline-block; position: absolute; transition: transform 0.5s ease, opacity 0.5s ease, left 0.5s ease;   transform: translate(-50%, -50%); will-change: transform, opacity; }
  .start-project-btn .arrow.horizontal {opacity: 1;  left: 50%;  transform: translateX(-50%) rotate(0deg); }
  .start-project-btn .arrow.vertical { opacity: 0;  left: 0;  transform: translateX(0%) rotate(-30deg); }
  
  .start-project-btn:hover .text-btn { background-color: #FCEEEE;color: #DF2526;}
  .start-project-btn:hover .arrow-btn { background-color: #FCEEEE;  color: #DF2526;}
  
  .start-project-btn:hover .arrow.horizontal { opacity: 0; left: 30px;  transform: translateX(30px); }
  .start-project-btn:hover .arrow.vertical { opacity: 1;  left: 50%; transform: translateX(-50%) rotate(0deg); }
  


  /* WHATSAPP BUTTON */

  .whatsapp-project-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; position: relative;}
  .whatsapp-project-btn .arrow {  display: inline-block; position: absolute; transition: transform 0.5s ease, opacity 0.5s ease, left 0.5s ease, top 0.5s ease;transform: translate(-50%, -50%);}
  .whatsapp-project-btn .arrow.horizontal {  opacity: 1; left: 50%;top: 50%; /* Başlangıçta ortada */transform: translateX(-50%) translateY(-50%) rotate(-35deg);}
  .whatsapp-project-btn .arrow.vertical { opacity: 0; left: 50%;top: 50%;transform: translateX(-100%) translateY(0%) rotate(-35deg);}
  .whatsapp-project-btn:hover .arrow-btn { background-color: #3fbd4e; color: #fff;}
  /* Hover durumunda okları hareket ettirme */
  .whatsapp-project-btn:hover .arrow.horizontal { opacity: 0; transform: translateX(-50%) translateY(0%) rotate(-35deg); left: 100%;  top: 0;}
  .whatsapp-project-btn:hover .arrow.vertical { opacity: 1; transform: translateX(-50%) translateY(-50%) rotate(-35deg); left: 50%; top: 50%; }
  
    

  /* BUTON 2 */

  .start-project-btn2 { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; position: relative;}
  /* .start-project-btn2 .arrow {display: inline-block; position: absolute; transition: transform 0.5s ease, opacity 0.5s ease, left 0.5s ease;   transform: translate(-50%, -50%); }
  .start-project-btn2 .arrow.horizontal {opacity: 1;  left: 50%;  transform: translateX(-50%) rotate(0deg); }
  .start-project-btn2 .arrow.vertical { opacity: 0;  left: 0;  transform: translateX(0%) rotate(-30deg); } */
  
  .start-project-btn2:hover .text-btn { background-color: none;color: #fff;}
  .start-project-btn2:hover .arrow-btn { background-color: #fff; color: #3666AB; border: 1.5px solid #fff;}
  

  .start-project-btn2 .arrow-btn  img {filter: brightness(0) invert(1) !important;}
  .start-project-btn2:hover .arrow-btn  img {filter: brightness(1) invert(0) !important;}



  /* .start-project-btn2:hover .arrow.horizontal { opacity: 0;  transform: translateX(30px); }
  .start-project-btn2:hover .arrow.vertical { opacity: 1;  left: 0%; transform: translateX(45%) rotate(0deg); } */
  
    /* BUTON 2 MAVİ */

    .start-project-btn3 { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; position: relative;}
    /* .start-project-btn2 .arrow {display: inline-block; position: absolute; transition: transform 0.5s ease, opacity 0.5s ease, left 0.5s ease;   transform: translate(-50%, -50%); }
    .start-project-btn2 .arrow.horizontal {opacity: 1;  left: 50%;  transform: translateX(-50%) rotate(0deg); }
    .start-project-btn2 .arrow.vertical { opacity: 0;  left: 0;  transform: translateX(0%) rotate(-30deg); } */
    
    .start-project-btn3 .uk-button-text::before{ border-bottom: 1px solid #3666AB !important;}
    .start-project-btn3 .text-btn { display: flex; align-items: center; justify-content: center; padding: 0px 0px; background-color: none; color: #3666AB; font-size: 18px;   margin-right: 10px;  transition: background-color 0.3s ease, color 0.3s ease;}
    .start-project-btn3 .arrow-btn { display: flex; align-items: center; justify-content: center; position: relative; width: 34px; height: 34px; line-height: 0px;  border: 1.5px solid #3666AB; background-color: none; color: #3666AB; border-radius: 50%;  transition: background-color 0.3s ease, color 0.3s ease;}
    .start-project-btn3:hover .arrow-btn img {filter: brightness(0) invert(1) !important;}


    .start-project-btn3:hover .text-btn { background-color: none;color: #3666AB !important;}
    .start-project-btn3:hover .arrow-btn { background-color: #3666AB; color: #fff; border: 1.5px solid #3666AB;}
    
    
    /* .start-project-btn2:hover .arrow.horizontal { opacity: 0;  transform: translateX(30px); }
    .start-project-btn2:hover .arrow.vertical { opacity: 1;  left: 0%; transform: translateX(45%) rotate(0deg); } */
  
    

  /* BUTON 3 */

  .emailuyelik .input-container {
    display: flex;
    align-items: center;
     box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 5px #ffffff00; /* Dış kenarlık */
    border-radius: 90px;
    padding: 5px;
    overflow: hidden;
    transition: box-shadow 0.3s ease-out;
  }
  
  .emailuyelik .input-container:hover {
    box-shadow: 0 0 0 1px #3666AB, 0 0 0 5px #fff; /* Dış kenarlık */
    transition: box-shadow 0.3s ease-out;
  }
  
  .emailuyelik .input-container:focus-within {
    box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #fff; /* Çok katmanlı focus dış kenarlık */
    transition: box-shadow 0.3s ease-out;
  }
  

  .emailuyelik .input-container input { flex: 1;border: none; padding: 10px 10px 10px 20px; font-size: 16px; outline: none; color:#000000; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .emailuyelik .input-container input::placeholder { font-size: 16px; color:#00000040;}
  .emailuyelik .input-container button { display: flex; justify-content: center; align-items: center;background-color: #3666AB; color: #fff; border: none; width: 44px; height: 44px; border-radius: 100%; cursor: pointer;  transition: background-color 0.3s ease; }
  .emailuyelik .input-container button:hover { background: #2A5798;}
  .emailuyelik .uk-text-underline { text-decoration: underline; text-decoration-color: #00000040;}
  .emailuyelik .uk-text-underline:hover { text-decoration: underline; text-decoration-color: #3A54A3; color: #3A54A3;}

  .error-message { color: #DF2526; font-size: 12px;  display: none; margin-top: 5px;}
  /* .input-container  input.error {  border: 1px solid #DF2526 !important;} */
  .emailuyelik .input-container.error { box-shadow:0 0 0 1px #DF2526, 0 0 0 5px #ffffff00;}

  .gonderi .error {  box-shadow: 0 0 0 1px #DF2526, 0 0 0 5px #ffffff00;}



  /* MOBİL MENÜ */

  /* .button_container { position: relative; height: 27px; width: 24px; cursor: pointer; z-index: 100; transition: opacity .25s ease; float: right; margin-top: 30px;} */
  .button_container:hover { opacity: 1;}
  .button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg); background: #000;}
  .button_container.active .middle { opacity: 0; background: #000;}
  .button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg); background: #000;}
  .button_container span { background: #ffffff;border: none; border-radius: 5px; height: 2px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .sticky .button_container span { background: #000;border: none; height: 2px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .button_container span:nth-of-type(2) { top: 7px;}
  .button_container span:nth-of-type(3) { top: 14px;}
  .button_container.active span:nth-of-type(3) { top: 21.2px;}
  .overlay { position: fixed; background: #ffffff; top: 0; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden; overflow-y: auto; /* Enable scrolling for long content */ transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.8s ease-in-out;}
  .overlay.open { height: 100%; /* Full height when open */opacity: 1; visibility: visible;}
  .overlay nav { position: relative;}
  .overlay ul {list-style: none; padding: 0; margin: 0 auto; display: block; position: relative; height: 100%;    /* overflow-y: auto;  */ }
  .overlay ul li a { display: block;position: relative; color: #000000;text-decoration: none;overflow: hidden; font-size: 24px; font-weight: 500; padding: 10px 0px;}
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%;}
  .overlay .uk-nav-parent-icon { margin-right: 0px;float: right;  position: absolute; right: 0px;padding-top: 13px;}
  .uk-nav-sub li a { display: block; font-size: 18px !important; font-weight: 400 !important;  padding: 5px 0px !important;}
  .overlay .uk-nav-parent-icon svg {display: none;}
  .overlay .uk-nav-parent-icon {background:url('/images/parent-1.svg') no-repeat center center #fff; width: 24px; height: 24px;}
  .overlay .uk-nav-parent-icon .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: #0000;}
  

  .uk-accordion-title { color: #000000;}

  .footeraccordion .uk-accordion-title::before { float: right; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOS41SDE3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjAwMzkxIDEuNVYxNy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') no-repeat center center #fff; background-size: contain; width: 16px; height: 16px; margin-top: 5px;}
  .footeraccordion .uk-open>.uk-accordion-title::before {float: right; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDE4IDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuNUgxNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') no-repeat center center #fff; background-size: contain; width: 16px; height: 16px; margin-top: 5px;}
  .footeraccordion .uk-accordion-title:hover { color: #000000;}
  .footeraccordion  .uk-accordion-content{margin-top: 0px;}

/* ANASAYFA TAB MENU */

.urun-tab .uk-tab::before {left: 0px; border-bottom: 0px solid #e5e5e5;}
.urun-tab .uk-tab>* { padding-left: 0px !important;}





/* ÇÖZÜM SLİDER */


.br90{border-radius: 90px;}
.br12-res{border-radius: 0px 0px 10px 10px;}
.border-solid1{border: 1px solid #E0E0E0;}
.cozumslide .slider { overflow: hidden;}


.slider__item:hover .detail-link{border: 1.5px solid #3666AB; color:#fff; background:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.slider__item:hover .detail-link .iconplus{ background:url('/images/plus2.svg') no-repeat center center #fff; color:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}

.detail-link{moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.detail-link:hover{border: 1.5px solid #3666AB; color:#fff; background:#3666AB;  background:url('/images/plus.svg') no-repeat center center #3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.detail-link:hover .iconplus{  background:url('/images/plus2.svg') no-repeat center center #fff; color:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozum-span{background: #3666AB0A; padding:7px 13px;}

.cozumslide .slick-prev:hover {border: 1.5px solid #000;  moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozumslide .slick-next:hover { border: 1.5px solid #000;  moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozumslide .slick-prev  { background: url('/images/arrow-left.svg') no-repeat center center; background-position: calc(50% - 1px) center;}
.cozumslide .slick-next {background: url('/images/arrow-rigth.svg') no-repeat center center; background-position: calc(50% + 1px) center;}



.kargoyesil{color: #00A18D;}

.order-tracking{text-align: center;position: relative;display: block;}
.order-tracking .is-complete{display: block;position: relative;border-radius: 50%;height: 21px; line-height: 18px;width: 21px;border: 3px solid #D8E1EF;background-color: #fff;margin: 0 auto;transition: background 0.25s linear; -webkit-transition: background 0.25s linear;z-index: 2;}
.order-tracking.completed .is-complete{	border-color: #00A18D;	border-width: 3px;	background-color: #00A18D; color: #fff;}
.order-tracking.completed .active {height: 25px; line-height:21px; width: 25px; border: 3px solid #00A18D; background-color: #fff;  color:#00A18D ;}
.order-tracking.completed .is-complete:after {	border-color: #fff;	border-width: 0px 3px 3px 0;	width: 7px;	left: 11px;	opacity: 1;}
.order-tracking p {	color: #000;font-size: 16px;margin-top: 20px;line-height: 24px; font-weight: 500;}
.order-tracking p span{font-size: 16px; color: #0000008f;}
.order-tracking.completed p{color: #000;}
.order-tracking::before { content: ''; display: block; height: 4px; width: calc(100% - 5px); background-color: #D8E1EF; top: 13px; position: absolute; left: calc(-50% + 5px); z-index: 0;}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #00A18D;}





.progressList_content{padding: 0px 0 20px 0; margin-top: 2px; margin-bottom: 20px;}
.has_no_step .progressList_content{padding: 0px 0 20px 0; margin-top: 4px; margin-bottom: 20px;}
.progressList { padding-left: 0px !important;}
.progressList small{font-size: 16px; color: #0000008f;}
.progressList_item {
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 -1px;
  position: relative;
  display: flex;
  align-items: left;
}

.progressList_item::before {
  content: '';
  height: 21px; line-height:0px;
  width: 21px;
  border: 3px solid #D8E1EF;
  background: #fff;
  margin-right: 15px;
  border-radius: 50%;
  position: relative;
  z-index: 8; text-align: center;
}

.progressList_item::after {
  content: '';
  height: 100%;
  position: absolute;
  width: 4px;
  background: #D8E1EF;
  left: 11.5px;
  border-radius: 15px;
  display: block;
  z-index: 7;
}

.progressList_item:first-child::after {
  height: 78%;
  top: 22%;
}

.progressList_item:last-child::after {
  height: 30%;
  top: 0;
}

.progressList_item.is_complete::before,
.progressList_item.is_complete::after {
  background: #00A18D;
  border-color: #00A18D;  
}

.progressList_item.is_complete::before{background: url(/images/tik.svg) #00A18D no-repeat center center;   color: #fff;}

.progressList_item.has_no_step::before {
  background: url(/images/tik-ok.svg) #ffffff no-repeat center center;
  height: 25px; line-height:0px;
  width: 25px;
  border: 3px solid #00A18D;
}

.progressList_item.is_warning::before {
  border-color: #00A18D;
}

.progressList_item.is_danger::before {
  border-color: #ab061c;
}

.progressList_item.is_complete,
.progressList_item.is_warning {
  color: #000;
}










/* Focus-within efekti (normal durumda) */
.emailuyelik .input-container:focus-within {
  box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #fff;
  transition: box-shadow 0.3s ease-out;
}

/* Hata durumunda (error sınıfı varken) focus-within efektini devre dışı bırak */
.emailuyelik .input-container.error:focus-within {
  box-shadow: 0 0 0 1px #DF2526, 0 0 0 5px #fff; /* Focus-within efekti kaldırılır */
}