body{margin:0px;padding:0px;background-color:#fff;background-size:100%;background-attachment:fixed;}
*{font-family:poppins,arial,calibri;box-sizing:border-box;}
ul{margin:0px;padding:0px;}
ul li{list-style:none;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color: transparent;}
h1{margin:0px;padding:0px;}
h1 i{margin-right:5px;}
h2{margin:0px;padding:0px;font-size:15pt;margin-bottom:10px;padding:15px 0px;border-bottom:1px dashed #ccc;color:#000;}
h2 i{margin-right:5px;}

table{border-collapse:collapse;border-spacing:0px;width:100%;}
table td{vertical-align:top;}


.iskelet{width:1250px;max-width:calc(100% - 40px);margin:0px auto;position:relative;}
.iskelet:after{content:"";display:table;clear:both;}


.liste ul{margin:0px;padding:0px;}
.liste ul li{text-align:left;padding:8px 0px;font-size:10pt;border-bottom:1px solid #414141;}
.liste ul li span{float:right;}

input,select,textarea,button{outline:none;background-color:#ffffff;}
button{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}



.uygulamalar{padding:50px 0px;background-color:#ccc;background-image:url('images/bg-1.jpg');background-size:cover;background-attachment:fixed;background-position:right center;}
.uygulamalar .iskelet{text-align:left;}
.uygulamalar .baslik{color:#fff;font-size:20pt;font-weight:600;text-align:left;margin-bottom:20px;}
.uygulamalar .aciklama{color:#fff;font-size:14pt;font-weight:300;margin:20px 0px;width:50%;}
.uygulamalar .iconlar img{height:50px;margin:10px;}




.slider:after{content:"";display:table;clear:both;}
.slider h1{text-align:left;font-size:35pt;letter-spacing: 0px;}
.slider p{text-align:left;}
.slider::before{content:"";position:absolute;width:100%;height:100%;left:0px;top:0;background:linear-gradient(to right, rgba(128, 49, 167, 0.5), rgba(128, 49, 167, 1));z-index:1;}



[class*="col-"]{float:left;position:relative;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 50%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 100%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-13 {width: 25%;}

.kayan-telefon {position: absolute;bottom:0px;right:100px;width:600px;z-index: 0;}
.kayan-telefon img {width: 100%;position: relative;animation: yukariAsagi 2s infinite alternate ease-in-out;}

@keyframes yukariAsagi {
    0% {
        top: 0;
    }
    100% {
        top: -20px;
    }
}


.formalani [class*="col-"]{padding:10px;}
.formalani h1{text-align:center;}
.formalani ul li a{color:#000;padding:5px 0px;font-size:9pt;}
.formalani ul li a:hover{color:#209DD7;}
.formalani ul li a i{width:20px;}
.formalani div label{margin-bottom:5px;display:block;font-size:9pt;color:#808080;}
.formalani:after{content:"";display:table;clear:both;}

.input1{width:100%;padding:10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:11pt;}
.input1:hover{border:1px solid #808080;}

.input2{width:150px;padding:3px;border:1px solid #ccc;border-radius:2px;margin-left:5px;}
.input2:hover{border:1px solid #808080;}

.buton-yesil{display:block;width:100%;background-color:#03a9f4;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-yesil i{margin-right:5px;}
.buton-yesil:hover{opacity:0.8;}

.buton-sari{display:block;width:100%;background-color:#FACE00;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-sari i{margin-right:5px;}
.buton-sari:hover{opacity:0.8;}

.buton-kirmizi{display:block;width:100%;background-color:#8031a7;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-kirmizi i{margin-right:5px;}
.buton-kirmizi:hover{opacity:0.8;}

.buton-mavi{display:block;width:100%;background-color:#38419C;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-mavi i{margin-right:5px;}
.buton-mavi:hover{opacity:0.8;}

.slogan{position:absolute;top:250px;width:100%;text-align:center;z-index:9;color:#fff;font-size: 22px;}
.slogan p:nth-child(1){margin:0px;padding:0px;font-size:50pt;font-weight:bold;letter-spacing:-4px;}
.slogan p:nth-child(2){margin:0px;padding:0px;font-size:22pt;font-weight:500;}


.nasil-calisir .asama{border:1px solid #ccc;margin:10px;padding:20px 10px;transition: all ease .5s;border-radius:10px;text-align:center;}
.nasil-calisir .asama div:nth-child(1){text-align:center;}
.nasil-calisir .asama div:nth-child(2){text-align:center;font-weight:bold;font-size:15pt;}
.nasil-calisir .asama div:nth-child(3){text-align:center;color:#808080;}
.nasil-calisir .asama img{width:100px;}
.nasil-calisir .asama:hover{border:1px solid #8031a7;}
.nasil-calisir .asama:after{content:"";display:table;clear:both;}

.ozellik{padding:10px;}
.ozellik div i{font-size:35pt;color:#673AB7;}
.ozellik div:hover{background-color:#673AB7;color:#fff !important;box-shadow: 0px 40px 80px -16px rgba(0, 0, 0, .16);}
.ozellik div:hover h2{color:#fff !important;}
.ozellik div:hover i{color:#fff !important;}
.ozellik div{padding:10px;border:1px solid #ccc;border-radius:10px;text-align:center;height:250px;}

.fiyat{padding:10px;}
.fiyat div i{font-size:34pt;color:#03A9F4;}
.fiyat div:hover{background-color: rgba(128, 49, 167, 1);color:#fff !important;box-shadow: 0px 40px 80px -16px rgba(0, 0, 0, .16);}
.fiyat div:hover h2{color:#fff !important;}
.fiyat div:hover i{color:#fff !important;}
.fiyat div{padding:10px;border:1px solid #ccc;border-radius:10px;text-align:center;}

.ust{position:absolute;z-index:999;top:0px;left:0px;width:100%;height:200px;background:linear-gradient(#03A9F4 0%, rgb(0 0 0 / 0%) 100%);} 
.ust .logo{position:absolute;top:72px;left: -50px;}
.ust .logo img{height:60px;filter:brightness(0) invert(1)}
.ust .menuler{position:absolute;right:-50px;top:80px;background-color:rgb(255,255,255,0.2);border-radius:10px;overflow:hidden;}
.ust .menuler ul:after{content:"";display:table;clear:both;}
.ust .menuler ul li{float:left;list-style:none;}
.ust .menuler ul li a{display:block;padding:15px 20px;border-right:1px solid rgb(255,255,255,0.1);color:#fff;font-weight:500;font-size:10pt;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.ust .menuler ul li a i{margin-right:5px;}
.ust .menuler ul li a:hover{background-color:rgb(255,255,255,0.3);}
.ust .menuler .aktif a{background-color:rgb(255,255,255,0.3) !important;}
.ust .menuler ul li:nth-child(7) a{}
.ust .ust-bilgiler{position:absolute;top:47px;right:0px;font-size:12pt;color:#fff;font-weight:400;}
.ust .ust-bilgiler ul li{float:left;list-style:none;margin-left:20px;}
.ust .ust-bilgiler ul li i{margin-right:5px;}
.ust .ust-bilgiler ul li a{color:#fff;}
.ust .ust-bilgiler ul li a:hover{color:#8031a7;}

.mobil-menuler{display:none;position:absolute;right:20px;top:20px;z-index:999;}
.mobil-menuler ul li{float:left;}
.mobil-menuler ul li a{display:block;color:#fff;font-size:20pt;}
.mobil-menu-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9;}

.tablo1{width:100%;}
.tablo1 tr td{padding:10px 0px;font-size:12pt;}
.tablo1 tr td:nth-child(1){text-align:left;font-weight:bold;width:120px;}
.tablo1 tr td:nth-child(2){text-align:left;}
.tablo1 tr td a{color:#000;text-decoration:none;}
.tablo1 tr td i{text-align:center;width:25px;}

.tablo2{width:100%;}
.tablo2 tr td{padding:10px 0px;font-size:10pt;border-bottom:1px solid #ccc;}
.tablo2 tr td:nth-child(1){text-align:left;font-weight:bold;padding-right:10px;}
.tablo2 tr td:nth-child(2){text-align:left;}
.tablo2 tr td a{color:#000;text-decoration:none;}
.tablo2 tr td i{text-align:center;width:25px;}



.temizle{clear:both;}

video{width:100%;}


.alt1{background-color:#2196f3;color:#ffffff;text-align:center;padding:20px;font-size:15pt;font-weight:300;letter-spacing:2px;}
.alt2{background-color:#000000;color:#ffffff;padding:50px 0px;}
.alt2:after{content:"";display:table;clear:both;}
.alt2 ul li{font-size:10pt;font-weight:400;}
.alt2 ul li a{display:block;color:#ffffff;padding:6px 0px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.alt2 ul li a:hover{padding-left:20px;}
.alt2 ul li i{margin-right:5px;width:15px;}
.alt2 [class*="col-"]{padding:20px;}
.alt2 .baslik3{margin-bottom:10px;font-weight:500;font-size: 16px;}

.orta{margin-top:420px;width:100%;min-height:500px;z-index:9999 !important;}
.orta ul:after{content:"";display:table;clear:both;}

.icerik{line-height:150%;font-weight:300;}
.anaresim{padding-right:50px;}
.anaresim img{width:100%;box-shadow:0px 0px 50px 5px #ccc;border-radius:10px;}
.cizgi{width:100px;height:5px;margin:0px auto;background-color:#FACE00}

.avantajlar ul{margin-top:50px;}
.avantajlar ul:after{content:"";display:table;clear:both;}
.avantajlar ul li{float:left;width:calc(25% - 20px);padding:10px;text-align:center;color:#8031a7;border:1px solid #ccc;margin:10px;border-radius:10px;}
.avantajlar ul li i{font-size:50pt;margin-bottom:20px;}
.avantajlar ul li p{font-weight:300;font-size:10pt;margin:2px 0px;}
.avantajlar ul li p:nth-child(2){font-weight:bold;font-size:13pt;color:#000}
.avantajlar ul li:hover{background-color:#8031a7;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.avantajlar ul li:hover p{color:#fff;}
.avantajlar ul li a{color:#8031a7;}

.yeni-kampanyalar{margin:50px 0px;background-color:#efefef;padding:100px 0px;background-image:url('images/bg-1.jpg');background-size:cover;background-attachment:fixed;background-position:right center;}


.firma{margin:10px;padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:10px;}
.firma .resim img{width:100%;height:auto;aspect-ratio: 100 / 100;border-radius:5px;}
.firma .baslik{color:#000;font-size:10pt;height:80px;margin-top:10px;text-align:center;font-weight:bold;}
.firma:hover{background-color:#efefef;}


.kampanya{margin:10px;padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:10px;}
.kampanya .resim img{width:100%;height:auto;aspect-ratio: 100 / 100;border-radius:5px;}
.kampanya .baslik{color:#000;font-size:12pt;height:80px;margin-top:10px;text-align:center;font-weight:bold;}
.kampanya:hover{background-color:#efefef;}

.kategoriler{position:relative;width:100%;overflow-x:scroll;padding:10px;margin-bottom:20px;}
.kategoriler ul{margin:0px;padding:0px;white-space: nowrap;}
.kategoriler ul li{display: inline-block;list-style:none;}
.kategoriler ul li a{display:block;padding:10px 20px;margin:3px;color:#fff;background-color:#8031a7;border-radius:20px;}
.kategoriler ul li a i{margin-right:5px;}
.kategoriler .aktif a{background-color:#000;color:#fff;}

.alt-sayfalar:after{content:"";display:table;clear:both;}
.alt-sayfa{width:calc(33.33% - 40px);float:left;margin:20px;margin-top:30px;padding:10px;background-color:#fff;border-radius:10px;background-color:#fff;box-shadow:0px 0px 10px 5px #fbfcfd;}
.alt-sayfa .resim{width:100%;height:250px;overflow:hidden;background-size:cover;border-radius:10px;}
.alt-sayfa .baslik{color:#000;font-size:12pt;font-weight:bold;height:50px;margin-top:10px;}
.alt-sayfa:hover{box-shadow:0px 0px 10px 5px #efefef;}

.subeler:after{content:"";display:table;clear:both;}
.sube{width:calc(50% - 40px);float:left;border:1px solid #ccc;margin:20px;margin-top:30px;padding:20px;background-color:#fff;border-radius:10px;background-color:#fbfcfd;box-shadow:0px 0px 10px 5px #efefef;}
.sube{background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.sube .baslik{color:#8031a7;font-size:18pt;font-weight:300;}
.sube .aciklama{color:#000;font-size:10pt;font-weight:300;height:80px;margin-top:10px;line-height:150%;}
.sube:hover{border:1px solid #8031a7;}
.sube i{margin-right:5px;}


.video-alani{margin:50px 0px;background-color:#efefef;padding:100px 0px;background-image:url('images/videolar-bg.html');background-size:cover;background-attachment:fixed;}
.video-alani .baslik1{color:#fff;}
.video-alani:after{content:"";display:table;clear:both;}
.video-alani .video{float:left;width:50%;background-color:#ccc;margin-top:30px;}


.alt-dalga1{position:absolute;bottom:0px;left:0px;width:100%;height:300px;background-image:url('images/slider_alt_bg.html');background-position:bottom center;background-repeat:no-repeat;background-size:100%;}
.alt-dalga{position:absolute;bottom:0px;left:0px;width:100%;height:197px;z-index:1;background-image:url('images/bg-content.png');background-position:bottom center;background-repeat:no-repeat;background-size:100%;}

.icbg{position:absolute;top:0px;left:0px;width:100%;height:400px;background-image:url('images/slider-4.jpg');background-size:100%;background-position:top center;background-attachment:fixed;}
.icbg .baslik{position:relative;}
.icbg .baslik h1{color:#fff;text-align:center;margin-top:250px;font-size:25pt;}
.icbg:after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:100px;background-image:url('images/bar.html');background-position:top center;background-size:cover;background-repeat:no-repeat;}
.icbg:before{content:"";position:absolute;width:100%;height:100%;left:0px;top:0px;background:linear-gradient(to right, rgba(128, 49, 167, 0.5), rgba(128, 49, 167, 1));}


.gizli{display:none;}

.popup{display:none;position:absolute;position:fixed;left:calc(50% - 300px);top:50px;width:600px;z-index:999999;}
.popup-detay{overflow:auto;}
.popup-detay .kutu{margin:0px;padding:10px;margin:15px;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0px 0px 5px -3px #000;}
.popup-detay h1{margin:0px;padding:0px;width:calc(100% + 20px);margin:-10px;margin-bottom:10px;color:#fff;background-color:#38419C;padding:10px;font-size:14pt;text-align:center;font-weight:700;}
.popup-detay h1{background: #8031a7;background: -moz-linear-gradient(top, #8031a7 0%, #8031a7 100%);background: -webkit-linear-gradient(top, #8031a7 0%,#8031a7 100%);background: linear-gradient(to bottom, #8031a7 0%,#8031a7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8031a7', endColorstr='#8031a7',GradientType=0 );}
.popup-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9999;}
.popup-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;z-index:9999}

.zoomyap{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.zoomyap:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}




.whatsapp-butonu {position: relative;width: 60px;height: 60px;border: none;box-shadow: 0 0 0 0 rgba(41, 167, 26, .7);border-radius: 50%;background-color: #29a71a;background-image:url('images/whatsapp.png');background-size:50%;background-position:center center;background-repeat: no-repeat;cursor: pointer;-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);position: fixed;bottom:20px;right: 20px;z-index: 998;}
.whatsapp-butonu:hover {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}


.mobildegoster{display:none;}


.entegrasyonlar .col-13{text-align:center;padding:10px;font-weight:bold;}
.entegrasyonlar .col-13 img{border-radius:10%;width:40%;margin-bottom:10px;} 


.ek-yazilim-paketler{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-direction: column;gap: 15px;}
.ek-yazilim-paketler .paket{width: 100%;display: flex;align-items: center;justify-content: space-between;background-color: #efefef;padding: 25px;border-radius: 25px;}
.ek-yazilim-paketler .paket .paket-detay{width: 100%;}
.ek-yazilim-paketler .paket .paket-ucret{width: 100%;;color: #000;display: flex;align-items: center;justify-content: end;text-align: center;}
#eklenen-paketler {display: none;}
.paket-sec.buton{display:block;width:150px;background-color:#339900;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.paket-sec.buton i{margin-right:5px;}
.paket-sec.buton:hover{opacity:0.8;}


@media only screen and (max-width: 620px) {
	[class*="col-"]{width:100%;}
	.mob-col-1 {width: 8.33%;}
	.mob-col-2 {width: 16.66%;}
	.mob-col-3 {width: 25%;}
	.mob-col-4 {width: 33.33%;}
	.mob-col-5 {width: 41.66%;}
	.mob-col-6 {width: 50%;}
	.mob-col-7 {width: 58.33%;}
	.mob-col-8 {width: 66.66%;}
	.mob-col-9 {width: 75%;}
	.mob-col-10 {width: 83.33%;}
	.mob-col-11 {width: 91.66%;}
	.mob-col-12 {width: 100%;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
	.mobilmenuac{left:0px;}
	.tablo{width:100%;overflow:auto;}
	.ust .logo{left:10px;top:15px;}
	.ust .logo img{height:50px;}
	.ust .menuler{display:none;}
	.ust .ust-bilgiler{display:none;}
	.mobil-menuler{display:block;}
	.iskelet{width:100%;padding:0px 20px;}
	.ust .menuler{position:fixed;border-radius:0px;left:0px;top:0px;border-radius:0px 50px 50px 0px;width:calc(100% - 100px);height:100vh;overflow:auto;background-color:#8031a7;}
	.ust .menuler ul li{float:none;}
	.ust .menuler ul li a{border:0px;padding:20px;border-bottom:1px solid rgb(255,255,255,0.2);font-size:11pt;}
	.slogan{top:150px;}
	.slogan p:nth-child(1){font-size:40pt;}
	.slogan p:nth-child(2){font-size:15pt;}

	.anaresim{padding:0px;padding-bottom:50px;}
	.avantajlar ul li{width:calc(100% - 20px);height:auto;}
	.yeni-kampanyalar{background-position:center center;}
	.baslik2{margin-bottom:80px;}
	.alt-sayfa{width:calc(100% - 40px);}
	.sube{width:calc(100% - 40px);height:auto !important;}
	.popup{width:calc(100% - 20px);left:10px;}
	.uygulamalar{background-position:left center;padding:50px 0px;}
    .uygulamalar .iskelet{text-align:center;}
    .uygulamalar .iskelet h1{text-align:center;}
    .uygulamalar .aciklama{text-align:center;width:100%;}
    .uygulamalar img{height:50px;margin:10px;}
	.slider h1{text-align:center;font-size:30pt;}
	.slider p{text-align:center;}
	.nasil-calisir .asama{margin:0px;margin-bottom:30px;padding:10px;}
	.firma{margin:0px;margin-bottom:30px;}
	.firma .baslik{height:auto;padding:20px 0px;}
	.kampanya{margin:0px;margin-bottom:30px;}
	.kampanya .baslik{height:auto;padding:20px 0px;}
	.ozellik div{height:auto;}
	.entegrasyonlar .col-13 img{border-radius:50%;width:50%;margin-bottom:10px;}

}

/* =========================================================
   ANA SAYFA MODERN BLOKLAR - ÇAKIŞMASIZ TEMİZ SÜRÜM
   Not: Bu bölüm, Salon-Takip Nedir / avantaj kartları / referanslar
   gibi yeni ana sayfa alanlarının ortak stilidir.
   ========================================================= */

.kurumsal{
    width:100%;
    background:#ffffff;
    padding:80px 0;
    margin:0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.kurumsal-flex{
    display:flex;
    align-items:center;
    gap:50px;
    flex-wrap:wrap;
}

.kurumsal-resim,
.kurumsal-yazi{
    flex:1;
    min-width:0;
}

.kurumsal-resim img{
    width:100%;
    display:block;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.kurumsal-baslik{
    text-align:center;
    margin:0;
    font-size:25pt;
    font-weight:700;
    color:#111;
}

.kurumsal-text{
    line-height:1.7;
    font-size:13pt;
    color:#555;
    margin-top:15px;
    text-align:justify;
}

.kurumsal-text ul{
    padding-left:18px;
    margin:15px 0;
}

.kurumsal-text li{
    list-style:disc;
    margin-bottom:8px;
}

.avantajlar-grid{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    justify-content:center;
    margin-top:40px;
}

.avantaj-kutu{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:25px;
    width:320px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.avantaj-kutu:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.avantaj-kutu::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:3px;
    background:#fbd920;
    transition:.4s;
}

.avantaj-kutu:hover::before{left:0;}

.avantaj-kutu i{
    font-size:34px;
    color:#fbd920;
    margin-bottom:12px;
    transition:.3s;
}

.avantaj-kutu:hover i{transform:scale(1.2) rotate(5deg);}

.avantaj-kutu h4{
    font-size:18px;
    margin:10px 0;
    color:#333;
}

.avantaj-kutu p{
    font-size:14px;
    line-height:1.6;
    color:#666;
    word-break:break-word;
}

.referanslar-kayan-wrapper{
    padding:50px 0;
    text-align:center;
    background-color:#fff;
    overflow:hidden;
    position:relative;
}

.referanslar-kayan-container{
    overflow-x:auto;
    white-space:nowrap;
    padding:20px 0;
    -ms-overflow-style:none;
    scrollbar-width:none;
}

.referanslar-kayan-container::-webkit-scrollbar{display:none;}
.referanslar-kayan-grid{display:inline-flex;}

.referans-kutusu{
    background-color:#f9f9f9;
    border-radius:8px;
    box-shadow:0 4px 8px rgba(0,0,0,0.1);
    margin:0 15px;
    min-width:200px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    transition:transform .3s ease-in-out, box-shadow .3s ease-in-out;
}

.referans-kutusu img{
    display:block;
    max-width:85%;
    max-height:85%;
    object-fit:contain;
    transition:transform .3s ease-in-out;
}

.referans-kutusu:hover{
    transform:scale(1.05);
    box-shadow:0 6px 12px rgba(0,0,0,0.2);
}

.referans-kutusu:hover img{transform:scale(1.15);}

.basari-hikayeleri{
    background-color:#f9f9f9;
    padding:60px 0;
}

.hikaye-kapsayici{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.hikaye{
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    padding:25px;
    width:300px;
    flex:1 1 280px;
    transition:all .3s ease-in-out;
}

.hikaye:hover{
    transform:translateY(-5px);
    box-shadow:0 6px 12px rgba(0,0,0,0.2);
}

.hikaye h3{
    color:#4caf50;
    margin-bottom:10px;
}

.hikaye p{
    font-size:14px;
    line-height:1.6;
    color:#555;
}

.paket-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
    margin-top:40px;
}

.paket-kutu{
    background:#fff;
    width:300px;
    padding:35px;
    border-radius:14px;
    box-shadow:0 8px 30px rgba(0,0,0,0.08);
    transition:.3s;
    position:relative;
    text-align:center;
}

.paket-kutu:hover{transform:translateY(-10px);}
.paket-kutu h3{font-size:20px;margin-bottom:10px;}

.paket-fiyat{
    font-size:36px;
    font-weight:700;
    color:#4caf50;
    margin-bottom:20px;
}

.paket-fiyat span{font-size:14px;color:#777;}
.paket-kutu ul{list-style:none;padding:0;margin:0 0 25px 0;}
.paket-kutu ul li{margin:10px 0;font-size:14px;color:#555;}

.paket-btn{
    display:inline-block;
    background:#fbd920;
    color:#000;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
}

.paket-btn:hover{background:#000;color:#fff;}
.populer{border:2px solid #fbd920;transform:scale(1.05);}

.populer-badge{
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    background:#fbd920;
    padding:5px 12px;
    font-size:12px;
    font-weight:600;
    border-radius:20px;
}

.whatsapp-float{
    position:fixed;
    bottom:20px;
    left:20px;
    width:60px;
    height:60px;
    background-color:#25d366;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:.3s;
    z-index:99998;
}

.whatsapp-float img{
    width:35px;
    height:35px;
}

.whatsapp-float:hover{
    background-color:#1ebe5d;
    transform:scale(1.1);
}

@media only screen and (max-width:620px){
    .kurumsal{padding:50px 0;}
    .kurumsal-flex{flex-direction:column;gap:25px;}
    .kurumsal-baslik{font-size:22pt;}
    .kurumsal-text{font-size:11pt;text-align:left;}
    .referanslar-kayan-grid{padding:0 15px;}
    .referans-kutusu{min-width:150px;height:100px;margin:0 10px;}
    .hikaye-kapsayici{flex-direction:column;align-items:center;}
    .populer{transform:none;}
}