/* Slider Konteyner */
.slider-container {
position: relative;
width: 100%;
height: 100vh;
background-color: #333;
overflow: hidden;
}/* Slayt Katmanı ve Gradyan */
.slider-container .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
display: flex;
align-items: center; /* Dikeyde ortala veya 'flex-end' yapıp padding-bottom ekleyebilirsiniz */
z-index: 1;
}.slider-container .slide.active {
opacity: 1;
z-index: 2;
}/* Görseldeki gibi sol alttan başlayan koyu gradyan */
.slider-container .slide:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(at top right, #02010100 0%, #27373e 90%);
z-index: 8;
}.slider-container .slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}/* Metin İçerik Alanı */
.slider-container .slide .textic {
position: relative;
z-index: 9;
max-width: 700px;
color: white;
text-align: left;
}/* Üst Küçük Başlık (Turuncu Noktalı) */
.welcome-text {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: uppercase;
}.welcome-text::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-color: #dfbe90; /* Turuncu nokta */
border-radius: 50%;
margin-right: 10px;
}/* Ana Başlık (NEVRESİM TAKIMI) */
.slider-container .slide .textic .text1 {
font-size: 64px;
font-weight: 900;
line-height: 1.1;
margin-bottom: 30px;
text-transform: uppercase;
}/* Kelime bazlı renk ayarı için (Örn: Nevresim Turuncu, Takımı Beyaz) */
.slider-container .slide .textic .text1 span.highlight {
color: #dfbe90;
}/* Açıklama Metni */
.slider-container .slide .textic .text2 {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 40px;
opacity: 0.9;
}/* Buton Tasarımı (Pill Shape) */
.slider-container .slide .btn {
display: inline-flex;
align-items: center;
background-color: #fff;
color: #333;
padding: 15px 35px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
}.slider-container .slide .btn:hover {
background-color: #dfbe90;
color: #fff;
}.slider-container .slide .btn i {
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}/* Ok Butonları */
.slider-container .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
fill: #fff;
border: none;
cursor: pointer;
z-index: 10;
padding: 10px;
opacity: 0.6;
transition: opacity 0.3s;
}.slider-container .slider-btn:hover {
opacity: 1;
}.slider-container .slider-btn svg {
width: 40px;
height: 40px;
}.slider-container .prev-btn { left: 20px; }
.slider-container .next-btn { right: 20px; }/* Mobil Uyumluluk */
@media(max-width: 768px) {
.slider-container .slide .textic .text1 { font-size: 36px; }
.slider-container .slide .textic .text2 { font-size: 15px; margin-bottom: 25px; }
.slider-container .slide .textic { padding: 0 20px; text-align: center; }
.welcome-text { justify-content: center; }
}a.detayy {
margin-top: 25px;
z-index: 2;
line-height: 26px;
color: #fff !important;
letter-spacing: 0.1em;
position: relative;
display: inline-flex;
overflow: hidden;
background-color: #27373e;
border: 2px solid #27373e;
border-radius: 25px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
text-transform: uppercase;
height: 43px;
padding: 0px 25px;
font-weight: 600;
align-items: center;
}@media (max-width: 1024px) {
a.WhatsApp1 {
bottom: 60px;
}
}/**/
.site-baslik1 {
width: 100%;
height: auto;
color: #1d1d1b;
position: relative;
z-index: 9;
}.site-baslik1 small::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #27373e;
margin-right: 15px;
}.site-baslik1 small {
font-size: 18px;
font-weight: 500;
display: inline-flex;
align-items: center;
margin-bottom: 15px;
letter-spacing: 1px;
}.site-baslik1 h3,.site-baslik1 h1 {
font-size: 3.353rem;
font-weight: 600;
font-style: normal;
line-height: 1;
margin: 10px 0;
}.site-baslik1 p {
font-size: 17px;
font-weight: 400;
margin-top: 20px;
line-height: 1.2em;
opacity: 70%;
}.site-baslik1:after {
content: "";
width: 25px;
height: 3px;
background: #c01718;
position: relative;
display: none;
}/**/
.neden-biz2 {
width: 100%;
height: auto;
position: relative;
padding: 100px 0px;
background-image: url(../images/neden-biz.jpg);
background-color: #27373e;
background-position: center center;
top: 0px;
background-size: cover;
}.neden-biz2 .nedenbiz-liste {
width: 100%;
height: auto;
position: relative;
background: #ffffff;
border-radius: 15px 20px 15px 15px;
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2em;
padding-right: 0em;
}.neden-biz2 .numara {
width: 86px;
height: 86px;
background: #27373e;
position: absolute;
right: 0px;
top: 0px;
border-radius: 0px 15px 0px 45px;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 15px;
padding-left: 15px;
display: none;
}.neden-biz2 .numara span {
width: 72px;
height: 72px;
background: #ffffff;
color: #27373e;
border-radius: 50%;
display: flex;
align-items: center;
font-size: 25px;
font-weight: 700;
justify-content: center;
line-height: 1;
}.neden-biz2 .numara span img{
display: none;
}.neden-biz2 .nedenbiz-liste h3 {
width: 100%;
height: auto;
color: #27373e;
font-weight: 700;
font-size: 22px;
padding-bottom: 15px;
border-bottom: 1px solid #ece8c9;
margin-top: 0;
margin-bottom: 20px;
}.neden-biz2 .nedenbiz-liste .nedenbiz-alt {
width: 100%;
height: auto;
display: flex;
}.neden-biz2 .nedenbiz-liste .nedenbiz-alt p {
height: auto;
width: 100%;
font-size: 16px;
line-height: 1.3;
font-weight: 500;
opacity: 100%;
margin-bottom: 0;
}.neden-biz2 .nedenbiz-liste .nedenbiz-alt i {
height: auto;
width: 30%;
font-size: 48px;
text-align: center;
color: #606c38;
margin-top: 25px;
display: none;
}/**/
.hakkimizda2 {
width: 100%;
height: auto;
position: relative;
padding: 100px 0px;
color: #27373e;
}.hakkimizda2 img.resim1 {
width: 100%;
height: 323px;
object-fit: cover;
border-radius: 15px;
}.hakkimizda2 img.resim2 {
width: 100%;
height: 281px;
object-fit: cover;
border-radius: 15px;
margin-top: 35px;
}.hakkimizda2 .text {
width: 100%;
height: auto;
position: relative;
}.hakkimizda2 .text small {
width: 100%;
height: auto;
position: relative;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
color: #27373e;
}.hakkimizda2 .logolar {
display: flex;
align-items: center;
margin: 0 auto;
width: 100%;
padding-top: 10px;
justify-content: center;
}.hakkimizda2 .logolar img {
height: 70px;
margin: 0;
width: auto;
padding: 15px 40px;
}.hakkimizda2 .text h2 {
width: 100%;
height: auto;
position: relative;
font-size: 40px;
font-weight: 700;
margin-bottom: 25px;
margin-top: 0;
}.hakkimizda2 .text p {
font-weight: 500;
font-size: 16px;
margin-bottom: 25px;
text-align: justify;
margin-top: 0;
}.hakkimizda2 .text small::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #27373e;
margin-right: 15px;
}.hakkimizda2 .videoo {
width: 100%;
height: auto;
position: relative;
}.hakkimizda2 .videoo .play {
width: 97px;
height: 97px;
border-radius: 0px 50px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
background: #ffffff;
position: absolute;
bottom: 0px;
left: 0px;
}.hakkimizda2 .videoo .play span {
width: 82px;
height: 82px;
background: #27373e;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}.hakkimizda2 .videoo .play:hover span {
background: #27373e;
}.hakkimizda2 .hakkimizda-sayac {
background: #27373e;
padding: 2em;
border-radius: 15px 15px 15px 15px;
display: flex;
color: #fff;
justify-content: space-between;
margin-top: 30px;
}.hakkimizda2 .hakkimizda-sayac li {
width: auto;
padding-right: 15px;
margin-right: 15px;
list-style: none;
border-right: 1px solid #ffffff1f;
}.hakkimizda2 .hakkimizda-sayac li:last-child {
padding-right: 0px;
border-right: 0px;
margin-right: 0px;
}.hakkimizda2 .hakkimizda-sayac li span {
display: block;
font-size: 42px;
font-weight: 700;
}.hakkimizda2 .hakkimizda-sayac li small {
display: block;
font-size: 15px;
margin-top: 25px;
font-weight: 700;
}/**/
.hizmetler-sabit {
width: 100%;
height: auto;
position: relative;
}.hizmetler-slider {
width: 100%;
height: auto;
position: relative;
padding: 100px 0px 0 0;
}.hizmetler-slider .container {
position: relative;
z-index: 9;
}.hizmetler-slider-bg {
width: 100%;
height: 700px;
position: absolute;
background-image: url(../images/bg.png);
background-color: #27373e;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
top: 0px;
}.hizmetler-slider .container {
background: #fff;
border-radius: 30px 30px 0px 0px;
padding: 2em 2em 0px;
}.hizmetler-slider .owl-theme .owl-nav {
margin-top: 0px;
}.hizmetler-slider .owl-carousel .owl-nav button.owl-prev,.hizmetler-slider .owl-carousel .owl-nav button.owl-next {
font-size: 16px !important;
line-height: 16px !important;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 99;
background: transparent !important;
color: #fff;
top: 31%;
-webkit-transform: translateY(-31%);
-ms-transform: translateY(-31%);
border-radius: 50%;
border: solid 2px #fff;
}.hizmetler-slider .owl-carousel .owl-nav button.owl-prev:hover,.hizmetler-slider .owl-carousel .owl-nav button.owl-next:hover {
background: #000 !important;
color: #fff;
}.hizmetler-slider .owl-carousel .owl-nav button.owl-prev {
left: -100px;
}.hizmetler-slider .owl-carousel .owl-nav button.owl-next {
right: -100px;
}.hizmetler-slider .owl-theme .owl-dots {
margin-top: 20px;
display: none;
}.hizmetler-slider .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0px 3px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}.hizmetler-slider .owl-theme .owl-dots .owl-dot.active span,.hizmetler-slider .owl-theme .owl-dots .owl-dot:hover span {
background: #000;
}/**/
.urunler-listele3 {
display: block;
position: relative;
color: #000;
height: auto;
border-radius: 15px;
overflow: hidden;
}.urunler-listele3 .ok {
width: 101px;
height: 101px;
background: #fff;
border-radius: 50px 0px 0px 0px;
padding-left: 25px;
padding-top: 25px;
position: absolute;
bottom: 0px;
right: 0px;
}.urunler-listele3 .ok svg {
width: auto;
height: 50px;
overflow: inherit;
fill: #27373e;
}.urunler-listele3 .ok i {
width: 80px;
height: 80px;
background: #27373e;
border-radius: 50%;
display: flex;
align-items: center;
color: #fff;
font-size: 33px;
justify-content: center;
transition: transform 0.5s;
transform: rotate(-45deg);
}.urunler-listele3:hover .ok i {
transition: transform 0.5s;
transform: rotate(0deg);
}.urunler-listele3:hover {
color: #000;
}.urunler-listele3 .resimmbg {
height: 387px;
overflow: hidden;
}.urunler-listele3 .resimmbg .resimm {
display: block;
height: 100%;
background-size: cover !important;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.urunler-listele3 .resimmbg .resimm img {
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.urunler-listele3:hover .resimmbg .resimm img {
transform: scale(1.2);
}.urunler-listele3 .text {
width: 100%;
padding: 22px 30px 30px;
background: #27373e21;
text-align: left;
}.urunler-listele3 .text span {
display: block;
font-size: 27px;
font-weight: 700;
margin-bottom: 15px;
transition: all 350ms ease-in-out 0s;
color: #27373e;
border-bottom: 1px solid #00000014;
padding-bottom: 15px;
}.urunler-listele3 .text small {
display: block;
font-size: 17px;
width: 68%;
font-weight: 500;
opacity: 50%;
}.urunler-listele3 .text .star {
display: none;
align-items: center;
color: #ffb635;
font-size: 17px;
margin-top: 15px;
}.urunler-listele3 .text .star i {
margin-right: 5px;
}.urunler-listele3 .item-readmore {
opacity: 1;
transition: all 350ms ease-in-out 0s;
margin-top: 20px;
display: inline-block !important;
font-size: 0.75rem;
color: #000;
font-weight: 700;
position: relative;
border-bottom: 1px solid #000;
display: none;
}.urunler-listele3:hover .item-readmore {
opacity: 1;
transition: all 350ms ease-in-out 0s;
}.urunler-listele3 .overflow {
display: none;
}/**/
.neden-biz {
width: 100%;
height: auto;
position: relative;
padding-bottom: 100px;
padding-top: 100px;
}.neden-biz a.Nedenbiz_liste {
color: #000;
display: flex;
margin-bottom: 45px;
}.neden-biz a.Nedenbiz_liste .icon {
height: 51px;
width: 51px;
background: #27373e;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
position: relative;
z-index: 9;
margin-bottom: 25px;
}.neden-biz a.Nedenbiz_liste .icon svg {
width: auto;
height: 30px;
overflow: inherit;
fill: #fff;
}.neden-biz a.Nedenbiz_liste .textic {
width: calc(100% - 51px);
padding-left: 15px;
}.neden-biz a.Nedenbiz_liste h3 {
width: 100%;
height: auto;
font-size: 20px;
margin-bottom: 12px;
font-weight: 700;
color: #27373e;
margin-top: 0;
}.neden-biz a.Nedenbiz_liste p {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin-top: 20px;
margin-bottom: 0px;
}.neden-biz .nedenbiz-img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 16px;
}.neden-biz .nedenbizbilgi {
width: 100%;
height: auto;
background: #27373e;
padding: 25px;
border-radius: 16px;
margin-top: 25px;
}.neden-biz .nedenbizbilgi h3 {
width: 100%;
font-size: 32px;
color: #fff;
margin-bottom: 25px;
margin-top: 0;
}@media (max-width: 1024px) {
.urunler-listele3 {
margin-bottom: 15px;
}.site-baslik1 h3, .site-baslik1 h1 {
font-size: 30px;
padding: 0 20px;
}.hakkimizda2 img.resim1 {
display: none;
}.hakkimizda2 .hakkimizda-sayac {
margin-bottom: 25px;
margin-top: 0;
}.neden-biz2 {
display: none;
}.slider-container {
height: 40vh;
margin-top: 100px;
}
}/* Ana Kapsayıcı */
.himetlerslider-container {
position: relative;
width: 100%;
overflow: hidden;
/* Taşan kısımları gizle */
padding-bottom: 0;
/* Noktalar için yer */
}/* Kaydırma Rayı */
.himetlerslider-track {
display: flex;
transition: transform 0.5s ease-in-out;
/* Yumuşak geçiş */
width: 100%;
}/* Slider Elemanı (Item) */
.himetlerslider-item {
flex-shrink: 0;
/* Küçülmeyi engelle */
box-sizing: border-box;
padding: 0 10px;
/* Elemanlar arası boşluk */
}/* MASAÜSTÜ GÖRÜNÜM (Web'de 3'lü) */
@media (min-width: 992px) {
.himetlerslider-item {
width: 33.333%;
/* 3 tane sığdır */
}
}/* Noktalar (Pagination) Tasarımı */
.himetlerslider-dots {
display: flex;
justify-content: center;
margin-top: 20px;
position: absolute;
bottom: 0;
width: 100%;
}.h-dot {
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}.h-dot.active {
background-color: #333;
/* Aktif renk */
transform: scale(1.2);
}@media(max-width: 1024px) {
body {
overflow-x: hidden;
}.hizmetler-slider-bg{
background: transparent !important;
}.site-baslik1{
margin-bottom: 25px !important;
}
.site-baslik1 small,
.site-baslik1 h3,
.site-baslik1{
color: black;
}.hakkimizda2 .text h2 {
font-size: 30px;
}.destek .banner-text h2 {
font-size: 30px;
}.destek .destek-bg {
background-attachment: local !important;
}.site-baslik1 p {
padding: 0 20px;
}.hakkimizda2 .logolar {
display: block;
}.hakkimizda2 .logolar img {
height: auto;
margin: 0;
width: 100%;
padding: 20px 70px;
}.hakkimizda2 {
padding: 50px 0px;
}.hizmetler-slider {
padding: 50px 0px 0 0;
}.hizmetler-slider-bg {
border-radius: 0;
}.hizmetler-slider .container {
padding: 30px 10px;
}.neden-biz {
padding-top: 0;
}.slider-container .slide .textic{
display: none;
}
}/**//* Neden Biz Buton Tasarımı */
.nedenbiz-buton-wrap {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
}.btn-incele {
display: inline-flex;
align-items: center;
color: #27373e; /* Sitedeki koyu gri tonu */
text-decoration: none;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}.btn-incele svg {
margin-left: 10px;
background: #27373e;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
transition: all 0.3s ease;
width: 20px;
height: auto;
overflow: inherit;
fill: #fff;
}.btn-incele:hover {
color: #dfbe90; /* Slider'daki turuncu/gold tonu */
}.btn-incele:hover svg {
background: #dfbe90;
transform: translateX(5px);
}/* Kutuya hafif bir hover efekti ekleyerek derinlik kazandıralım */
.nedenbiz-liste {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}.nedenbiz-liste:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}@media (max-width: 1024px) {
.neden-biz2 {
display: block !important; /* Mobilde gizli kalmasın diye */
padding: 50px 0;
}
.nedenbiz-liste {
margin-bottom: 20px;
}
}