*{
	box-sizing: border-box;
}
a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-display: swap;
  margin:0;
}  
a:hover {
    text-decoration: none;
}
 
input, select, button, textarea {
    outline: none;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:5px;}
::-webkit-scrollbar-thumb{background:#00B2E2;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#00B2E280;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
    margin: auto;
} 
img{
    object-fit:contain;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;  
}
 strong{
 	font-weight: bold;
 } 
 .absollink{
 	position:absolute;
 	left:0;
 	top:0;
 	width:100%;
 	height:100%;
 	z-index: 99;
 }
h1 {
 font-size: 65px;
 font-weight: 400;
 line-height: 110%;
 margin-bottom: 1rem;
}
h2 {
 font-size: 45px;
 font-weight: 400;
 line-height: 130%;
 color: #002E46;
 margin: 0;
 margin-bottom: 1rem;
 position:relative;
}
 
 h2.desen::before{
 	content:"";
 	position:absolute;
 	width:30px;
 	height:30px;
 	left:0;
 	top: 1px;
 	background: url(../img/mini.webp);
 	background-repeat:no-repeat;
 	background-size:contain;
 	transform:translate(-30px, 0px);
 	transition:.5s;
 	animation: scraps 60s ease infinite;
 }
h2.desen.active::before{ 
	transform:translate(0, 0);
}

 
h2.desen{
	font-size:25px;
	margin-bottom: 0rem;
	padding-left: 45px;
	margin-bottom: 1rem;
	font-weight: 400;
	letter-spacing: 1px;
}
 
h3{
	margin-block-start:0;
}
  
h2 strong{
color:#10284A;
display:block;
}
h3 {font-size: 40px;line-height:120%;margin-bottom: 1rem;color: #002E46;font-weight: 600;}
h4 {font-size: 30px;font-weight: 300;margin-bottom: 1rem;}
h5 {
	font-size: 25px;
	font-weight: 500;
	color: #232324;
	margin-bottom: 1rem;
}
h6 {color: #000000;font-size: 25px;font-style: normal;font-weight: 600;line-height: 136%;letter-spacing: 0.125px;position: relative;}
 
p, li, a, td, th {
    list-style-position: outside;
    padding: 0;
    color: #000000;
    font-kerning: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0px;
}
p, a, td, th { 
    margin-bottom: 1rem;
}
li{
	margin-bottom:1rem;
}
span{color: #363636;font-kerning: none;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.16px;}
.row{
	margin:0;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
 .points{cursor:pointer;}
 .pt-96{
 	padding-top: 50px;
 }
 
 .pb-96{
 	padding-bottom: 50px;
 }
 .pt-48{
 	padding-top:25px;
 }
 .pb-48{
 	padding-bottom:25px;
 }
 .padl-5{
 	padding-left:5%;
 }
 .padr-5{
 	padding-right:5%;
 }
 .mt-96{
 	margin-top:50px;
 }
 .mb-96{
 	margin-bottom:50px;
 }
 .mt-48{
 	margin-top:25px;
 }
 .mb-48{
 	margin-bottom:25px;
 }
 .ml-5{
 	margin-left:5%;
 }
 .mr-5{
 	margin-right:5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w50:first-child{	
 	margin-right:2.5%;
 }
 .w50:last-child{	
 	margin-left:2.5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w40{
 	width:40%;
 	position:relative;
 }
 .w30{
 	width:30%;
 	position:relative;
 } 
 .w20{
 	width:20%;
 	position:relative;
 }
 .w10{
 	width:10%;
 	position:relative;
 }
 .w60{
 	width:60%;
 	position:relative;
 }
 .w70{
 	width:70%;
 	position:relative;
 }
 .w80{
 	width:80%;
 	position:relative;
 }
 .w90{
 	width:90%;
 	position:relative;
 }
 .w100{
 	width:100%;
 	position:relative;
 }
 .baslik-pb{
  	padding-bottom:48px
 }
 .baslik-mb{
  	margin-bottom:48px
 }    
#backtotop::after{
	content: "";
	position: absolute;
	animation: climp 2s infinite;
	transition: 0.5s;
	width: 120px;
	height: 120px;
	border: 1px solid #323232;
	border-radius: 50%;
	left: -15px;
	top: -15px;
}
#backtotop::before{
	content:"";
	position:absolute;
	animation:  climp2 2s infinite;
	transition: 0.5s;
	width: 100px;
	height: 100px;
	border: 1px solid #323232;
	border-radius: 50%;
	left: -5px;
	top: -5px;
}
 

@keyframes scraps{
	0%{
		transform:rotate(0)
	}
	50%{
		transform:rotate(7200deg)
	}
	100%{
		transform:rotate(0)
	}	
}
@keyframes scale{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}
@keyframes climp{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}@keyframes climp2{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}
	#backtotop img{
	    width: 100%;
	}
	#backtotop{transition:0.5s;display:none;position:fixed;bottom: 50px;right: 50px;z-index:99;font-size:18px;border:none;outline:none;background:transparent;cursor:pointer;width: 90px;height: 90px;padding: 0;display: none!important;}
a{
	text-decoration:none;
}
@media (max-width: 900px){
#backtotop{
    width: 60px;
    height: 60px;
}
	
#backtotop::after{
	width: 90px;
	height: 90px; 
}
#backtotop::before{
	width: 70px;
	height: 70px;
}
}
	.mobile-menu-links ul li .panel-mm-acc ul li a{font-size:17px;}
	.opens .mobile-menu-links ul li{transform:translate(0,0);}
	.opens .mobile-menu-links ul li{opacity:1;}
	.opens .mobile-menu-kapat-logo .mm-kapat::before{-webkit-transform:translateY(-50%) rotate(225deg);-ms-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
	.opens .mobile-menu-kapat-logo .mm-kapat::after{-webkit-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s;}

@media (max-width: 1200px){
	.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
	.mm-acc:hover{background-color:transparent;}
	.mm-acc:after{content:"\002B";color:#fff;font-weight:300;float:right;margin-left:5px;}
	.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-mm-acc ul li a{font-size:20px;}
	.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
	.mm-acc{font-size:20px;}
	.panel-mm-acc ul li a{font-size:20px;}
}
	.mobile-menu-links ul li .panel-mm-acc ul li a{position:relative;font-size:17px;margin-left: 20px;border-bottom:1px solid #00000030} 
	.mobile-menu-links ul li .panel-mm-acc ul li a::after{
		content:"";
		position:absolute;
		width:8px;
		height:2px;
		background:#000;
		left:-15px;
		top:10px
	} 
	.header-mobile .header-mobile-logo img{transition:0.5s;}
@media (min-width: 1200px){
	.header-mobile{display:none;}
} 
@media (max-width: 1200px){
	.header-mobile .header-mobile-logo{width:50%;display:flex;align-items:center;justify-content:flex-start;padding-top:10px;}
	.header-mobile .header-mobile-katalog{width: 40%;display:flex;justify-content: end;align-items:center;padding-top: 10px;}
	.header-mobile .header-mobile-katalog a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:20px;
        color:#ffffff;
        margin: 0;
        }
		.header-mobile .header-mobile-katalog a img{
			margin-right:15px;
			width: 38px;
			object-fit: contain;
		}
	.header-mobile .header-mobile-logo a{margin:0;}
	.header-mobile .header-mobile-logo img{width: 80%;filter: brightness(0) invert(1);}
	.header-mobile .header-mobile-hamburger{width: 10%;display:flex;align-items: flex-end;justify-content:center;margin-left: 0%;flex-direction:column;transform: translate(0px, 6px);}
	.sidenav{height:100%;width:0;position:fixed;z-index:99999999999;top:0;left:0;background-color: #ffffff;overflow-x:hidden;transition:0.5s;padding-top:60px;transition-delay:0.5s;}
	.mobile-menu-kapat-logo{border-bottom:2px solid #fff;position:relative;padding-bottom:20px;padding-left:2%;padding-right:2%;}
	.mobile-menu-kapat-logo .mm-logo{width:50%;display:flex;align-items:center;justify-content:flex-start;}
	.mobile-menu-kapat-logo .mm-kapat{width:50%;position:relative;}
	.mobile-menu-links{margin-top:5%;}
	.mobile-menu-links ul{padding-left:0;margin-bottom:0;}
	.mobile-menu-links ul li{list-style:none;border-bottom: 1px solid #000000;margin-bottom:20px;overflow:hidden;opacity:0;transition:1s;}
	.mobile-menu-links ul li a{font-size:25px;color: #002f87;transition:1s;font-weight: 500;}
}
@media (max-width: 500px){
	.mobile-menu-kapat-logo{padding-bottom:10px;padding-left:0%;padding-right:0%;}
	.mobile-menu-kapat-logo .mm-logo img{width:90%;}
	.mobile-menu-links ul li a{font-size:30px;}
	.header-mobile .header-mobile-logo img{width:60%;margin-bottom:10px;margin-top:10px;transition:0.5s;}
}
@media (max-width: 1200px){
	.header-mobile{position:fixed;top:0;left:0;z-index:99999999;transition:0.5s;width:100%;background: #232324;padding-top:1%;padding-bottom:1%;}
}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
@media (max-width: 600px){
	.mobile-menu-links ul li a{font-size:20px;}
}
.header-mobile-hamburger span:nth-child(2){
	background: #ffcc00;
}
	.mobile-menu-links ul li a, .mobile-menu-links ul li button a{color: #000000!important;}

	.header-mobile-hamburger span{width:50px;height:5px;background: #fff;display:inline-block;margin-bottom:6px;border-radius:10px;}
	.mobile-menu-links ul li:nth-child(1){transition-delay:1s;}
	.mobile-menu-links ul li:nth-child(2){transition-delay:1.1s;}
	.mobile-menu-links ul li:nth-child(3){transition-delay:1.2s;}
	.mobile-menu-links ul li:nth-child(4){transition-delay:1.3s;}
	.mobile-menu-links ul li:nth-child(5){transition-delay:1.4s;}
	.mobile-menu-links ul li:nth-child(6){transition-delay:1.5s;}
	.mobile-menu-links ul li:nth-child(7){transition-delay:1.6s;}
	.mobile-menu-links ul li:nth-child(8){transition-delay:1.7s;}
	.mobile-menu-links ul li:nth-child(9){transition-delay:1.8s;}
	.mobile-menu-links ul li:nth-child(10){transition-delay:1.9s;}
	.mobile-menu-links ul li a{display:block;margin-bottom: .5rem;}
	.mobile-menu-kapat-logo .mm-kapat::before,.mobile-menu-kapat-logo .mm-kapat::after{content:'';width:41px;height:4px;background:#fff;position:absolute;top:18px;right:0;-webkit-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);}

		.mobile-menu-kapat-logo .mm-kapat::before{
			background: #000000;
		}
		.mobile-menu-kapat-logo .mm-kapat::after{
			background:#fecc00;
		}
.mm-acc:after{content:"\002B";color: #002f87;font-weight:300;float:right;margin-left:5px;}
.mm-acc.active-mm-acc:after{content:"-";color: #002f87;font-weight:300;float:right;margin-left:5px;}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
 
 	.accordion-mm:after{content:'\002B';color:#fff;font-weight:100;float:right;margin-left:5px;}
	.accordion-mm.active-mm:after{content:'-T';color:#fff;font-weight:500;float:right;margin-left:5px;}

@media (max-width: 1200px){
	.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color: #000;font-weight: 600;font-size:25px;}
	.mm-acc:hover{background-color:transparent;}
	
	.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-mm-acc ul li a{font-size:20px;}
	.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
	.mm-acc{font-size:20px;color: #000000 !important;font-weight: 500;}
	.panel-mm-acc ul li a{font-size:20px;}
} 
   
  
.kulabanner {
    overflow: hidden;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    }
.kulabanner .film{
	width:100%;
	height:100%;
	background: linear-gradient(45deg, #0B285F80, transparent);
} 
.kulabanner img{height:400px;filter:blur(0px);}
.kulabanner{height: 300px;}
.kulabanner .izlencetext{
       position: absolute;
       left: 6%;
       bottom: 5%;
       width: 100%;
       transition: .5s;
       transition-delay: .5s;
       transition-timing-function: ease;
       z-index: 9;
}
.kulabanner .izlencetext ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    margin: 0;
}
.kulabanner .izlencetext ul li {
    margin-right: 10px;
    margin-bottom: 0;
}
.kulabanner .izlencetext ul li a { 
                letter-spacing: .02em;
                color: #fff;
                font-size: 15px;
                font-weight: 300
            }

            .kulabanner .izlencetext h2 {
                color: #fff
            }

            

            .kulabanner .izlencetext h5 {
                color: #fff;
                width: 70%;
                margin-top: 1rem
            }
.kulabanner h1 {font-size: 55px;font-weight: 700;margin: 0;}
.kulabanner h6 {color:#323232;font-weight: 700;}
.kulabanner .desen{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}
.kulabanner .desen img{
    display: block;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: 1.5s;
    transition-delay: 2s;
} 
.kulabanner.active .desen img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

@media (min-width: 1200px){
.kulabanner img{
	display:none;
}
}
@media (max-width: 1200px){
.kulabanner img{
	display:block;
}
.kulabanner .izlencetext { 
        opacity: 1 !important;
    }
    .kulabanner { 
        margin-top: 100px;
    }
        .kulabanner img { 
        width: 100%;
    }
}
@media (max-width: 900px){
.kulabanner img{height:300px;filter:blur(0px);}
.kulabanner{height:300px;}
}
.linktrbgs { 
	padding-top:5%;
}
@media (max-width: 600px){
	.linktrbgs {
    position: relative;
    width: 100%;
    background: url(../img/mobilebgs.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
}
.kulabanner .izlencetext{position:absolute;left:5%;bottom:30%;width:90%;}
.kulabanner .izlencetext ul li{text-align:left;}
.kulabanner img{object-position:30% 0;}
.kulabanner .mobileizlencetext{padding:9%;position:relative;z-index:9;}
.kulabanner .mobileizlencetext ul{list-style:none;padding:0;display:flex;justify-content:flex-start;margin-bottom:0rem;}
.kulabanner .mobileizlencetext ul li{text-align:left;}
.kulabanner .mobileizlencetext ul li a{letter-spacing:0.02em;color:#FFFFFF;font-size:15px;font-weight:300;}
.kulabanner .mobileizlencetext ul li:last-child a{font-weight:600;}
.kulabanner .mobileizlencetext ul li a{font-size:10px;}
.kulabanner .mobileizlencetext h1{font-size:20px;margin-top:1rem;}
}
 @media (max-width: 1682px){
.kulabanner{min-height: 340px;background-position:top!important;}
}
@media (max-width: 1550px){
.kulabanner .izlencetext ul{margin-bottom:1rem;}
.kulabanner{min-height: 310px;}
}
 
@media (max-width: 1400px){ 
.kulabanner{min-height:380px;}
}
@media (max-width: 1300px){
.kulabanner .izlencetext ul{margin-bottom:1rem;}
.kulabanner{min-height:380px;}
}
@media (max-width: 1200px){ 
.kulabanner{min-height:300px;}
.kulabanner .film{height:300px;}
.kulabanner .izlencetext{width:80%;}
.kulabanner .izlencetext ul li a{font-size:10px;}
.kulabanner{height:300px;}
}
@media (min-width:900px){
.mobil{display:none;}
}
@media (max-width: 900px){
.mobil{display:block;}
.kulabanner{min-height:300px;}
.kulabanner .film{height:auto;}
.kulabanner img{height:300px;}
.kulabanner{height:300px;}
.kulabanner .izlencetext ul li a{font-size:13px;}
.kulabanner .izlencetext ul li{margin-bottom:0;}
}
@media (min-width: 600px){
.kulabanner .mobileizlencetext{display:none;}
}
@media (max-width: 600px){
.kulabanner .film{opacity:0;} 

.kulabanner img{height:auto;}
.kulabanner{height:auto;background:#072b4d!important;margin-top:2rem;}
.kulabanner .izlencetext ul li{margin-right:0px;}
.kulabanner .film{z-index:9;}
.kulabanner .izlencetext{z-index:99;}
.kulabanner img{object-position:50%!important;}
.kulabanner .mobileizlencetext ul li{text-align:left;margin:0;}
.kulabanner .mobileizlencetext{padding:5% 9%;position:relative;z-index:9;}
.kulabanner{min-height:auto;}
.kulabanner .mobileizlencetext ul li{width:max-content;display:inline;}
.kulabanner .mobileizlencetext ul{display:inline-block;}
}
 
/**/
.panel-doc-acc ul li a{font-size:17px;} 
.panel-doc-acc ul li a{font-size:17px;} 
.doc-acc:after{content:"";background:url(../img/chevron.webp);color: #002f87;font-weight:300;float:right;margin-left:5px;position: absolute;right: 50px;width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;transition: 1s;}
.doc-acc.active-doc-acc:after{content:"-";color: #002f87;font-weight:300;float:right;margin-left:5px;filter: brightness(0) invert(1);transform: rotate(180deg);transition: 1s;}
 @media (max-width: 1200px){
	.doc-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
	.doc-acc:hover{background-color:transparent;}
	.doc-acc:after{content:"\002B";color:#fff;font-weight:300;float:right;margin-left:5px;}
	.panel-doc-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-doc-acc ul li a{font-size:20px;}
	.panel-doc-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
	.doc-acc{font-size:20px;}
	.panel-doc-acc ul li a{font-size:20px;}
}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
@media (max-width: 600px){
	.mobile-menu-links ul li a, .mobile-menu-links ul li button a{font-size:20px;color: #ffffff!important;}
}
 	.accordion-mm:after{content:'\002B';color:#fff;font-weight:100;float:right;margin-left:5px;}
	.accordion-mm.active-doc-acc:after{content:'-T';color:#fff;font-weight:500;float:right;margin-left:5px;}
 
@media (max-width: 1200px){
	.doc-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
	.doc-acc:hover{background-color:transparent;}	
	.panel-doc-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-doc-acc ul li a{font-size:20px;}
	.panel-doc-acc ul li:last-child{border-bottom:0;}
} 
@media (max-width: 500px){
	.doc-acc{font-size:20px;}
	.panel-doc-acc ul li a{font-size:20px;}
} 
.mobile-menu-links .socliallist h5{text-align:center;color: #fece08;font-weight:700;font-size: 25px;}.mobile-menu-links .socliallist ul{display:flex;justify-content:space-around;align-items:center;margin-top:2rem}.mobile-menu-links .socliallist ul li{margin:0}.mobile-menu-links .socliallist ul li img{width: 25px;height: 25px;object-fit:contain;filter: brightness(0);}
 
    .kula-hero-slide {
      position: relative;
      width: 100%;
      height: 100vh;
      min-height: 900px;
      overflow: hidden;
    }
  
    .kula-hero-slide .slide-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      background: #000;
    }
 .kula-hero-slide .slide-wrapper .slide img {
	 width:100%;
	 height:100%;
	 object-fit:cover;
	 transition:5s;
	}
 .kula-hero-slide .slide-wrapper .slide.active img {
	 transform:scale(1.08)
	}
    .kula-hero-slide .slide-wrapper .slide .bgs{
		width:100%;
		height:100%;
		overflow:hidden;
	}
    .kula-hero-slide .slide-wrapper .slide {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      pointer-events: none;
      transition: opacity 1.1s ease;
    }
 
    .kula-hero-slide .slide-wrapper .slide.active {
      opacity: 1;
      pointer-events: all;
    }
  
    .kula-hero-slide .slide-wrapper .slide .slide-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        100deg,
        rgba(0, 8, 25, 0.93) 0%,
        rgba(0, 8, 25, 0.72) 32%,
        rgba(0, 8, 25, 0.28) 60%,
        rgba(0, 8, 25, 0.04) 100%
      );
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-overlay::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 160px;
      background: linear-gradient(to top, rgba(0, 5, 18, 0.72) 0%, transparent 100%);
    }
  
    .kula-hero-slide .slide-wrapper .slide .slide-content {
      position: absolute;
      z-index: 99;
      left: 5%;
      top: 30%;
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-kategori {
      color: rgba(255, 255, 255, 0.75);
      letter-spacing: 4px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 10px;
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content h1 {
      color: #ffffff;
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content h1 strong {
      color: #ffffff;
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content p {
      color: rgba(255, 255, 255, 0.75);
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-btn {
      display: inline-flex;
      align-items: center;
      gap: 16px;
      background-color: #003567;
      color: #ffffff;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding: 12px 14px 12px 22px;
      width: fit-content;
      cursor: pointer;
      border: none;
      transition: background-color 0.3s ease;
    }
 
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-btn:hover {
      background-color: #00B2E2;
      color: #ffffff;
    }
  
 
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-btn:hover .slide-btn-icon {
      border-color: rgba(255, 255, 255, 0.8);
    }
  
 
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-kategori,
    .kula-hero-slide .slide-wrapper .slide .slide-content h1,
    .kula-hero-slide .slide-wrapper .slide .slide-content p,
    .kula-hero-slide .slide-wrapper .slide .slide-content .slide-btn {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity 0.75s ease, transform 0.75s ease;
    }
 
    .kula-hero-slide .slide-wrapper .slide.active .slide-content .slide-kategori {
      opacity: 1; transform: translateY(0); transition-delay: 0.15s;
    }
    .kula-hero-slide .slide-wrapper .slide.active .slide-content h1 {
      opacity: 1; transform: translateY(0); transition-delay: 0.35s;
    }
    .kula-hero-slide .slide-wrapper .slide.active .slide-content p {
      opacity: 1; transform: translateY(0); transition-delay: 0.55s;
    }
    .kula-hero-slide .slide-wrapper .slide.active .slide-content .slide-btn {
      opacity: 1; transform: translateY(0); transition-delay: 0.70s;
    }
 
    .kula-hero-slide .slide-nav {
      position: absolute;
      bottom: 0;
      left: 7%;
      right: 7%;
      z-index: 10;
      padding-bottom: 106px;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track {
      position: relative;
      width: 100%;
      height: 50px;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-line {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 7px;
      height: 1px;
      background: rgba(255, 255, 255, 0.22);
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item {
      position: absolute;
      bottom: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      transform: translateX(-50%);
      cursor: pointer;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item[data-index="0"] { left: 22%; }
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item[data-index="1"] { left: 51%; }
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item[data-index="2"] { left: 78%; }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-label {
      color: rgba(255, 255, 255, 0.38);
      letter-spacing: 2.5px;
      text-transform: uppercase;
      white-space: nowrap;
      transition: color 0.3s ease;
      margin-bottom: 1rem;
      font-size: 20px;
      font-weight: 300;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item.active .slide-nav-label {
      color: rgba(255, 255, 255, 0.82);
      font-weight: 600;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-dot {
      position: relative;
      width: 14px;
      height: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-dot .slide-nav-dot-svg {
      position: absolute;
      inset: 0;
      transform: rotate(-0deg) translate(-14px, -13px);
      overflow: visible;
      width: 40px;
      height: 40px;
    }
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item.active .slide-nav-dot .slide-nav-dot-svg {
       background:url(../img/mini.webp);
		background-size:75% 75%;
		background-repeat:no-repeat;
		background-position:center;
		
		
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-dot .slide-nav-dot-svg .dot-track {
      fill: none;
      stroke: rgba(255, 255, 255, 0.18);
      stroke-width: 1.2;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-dot .slide-nav-dot-svg .dot-fill {
      fill: none;
      stroke: #00B2E2;
      stroke-width: 1.2;
      stroke-linecap: round;
      stroke-dasharray: 37.7;
      stroke-dashoffset: 37.7;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item.active .slide-nav-dot .slide-nav-dot-svg .dot-fill {
      animation: kulaHeroDotFill 5s linear forwards;
    }
 
    @keyframes kulaHeroDotFill {
      from { stroke-dashoffset: 37.7; }
      to   { stroke-dashoffset: 0; }
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-dot .slide-nav-dot-center {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.3);
      position: relative;
      z-index: 2;
      transition: background-color 0.3s ease;
    }
 
    .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item.active .slide-nav-dot .slide-nav-dot-center {
      background: #00B2E2;
    }
   
   
    @media (max-width: 768px) {
      
      .kula-hero-slide .slide-nav .slide-nav-track {
        height: auto;
        display: flex;
        align-items: stretch;
        border-top: 1px solid rgba(255,255,255,0.18);
      }
  
      .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-line    { display: none; }
 
      .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item {
        position: static;
        transform: none;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 14px 8px 18px;
        border-right: 1px solid rgba(255,255,255,0.1);
      }
 
      .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item:last-child { border-right: none; }
 
      .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-label {
        font-size: 9px;
        letter-spacing: 1.5px;
        text-align: center;
        white-space: normal;
        line-height: 1.4;
      }
    }
  
    @media (max-width: 480px) {
      .kula-hero-slide                                                 { min-height: 480px; }
      .kula-hero-slide .slide-wrapper .slide .slide-content           { max-width: 92%; padding-bottom: 80px; } 
      .kula-hero-slide .slide-wrapper .slide .slide-content p         {   margin-bottom: 20px; } 
      .kula-hero-slide .slide-wrapper .slide .slide-content .slide-btn .slide-btn-icon { width: 26px; height: 26px; }
   
      .kula-hero-slide .slide-nav .slide-nav-track .slide-nav-item .slide-nav-label { display: none; }
    }
  .kula-btn{
    position: relative;
    width: 240px;
    display: block;
    height: 60px;
    background: #003567;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    transition: .5s;
    border-radius: 4px;
    margin: 0;
    margin-top: 1rem;
}
  .kula-btn img{
    width: max-content!important;
    height: max-content!important;
    position: absolute;
    right: 25px;
    top: 19px;
	  transform:scale(1)!important
}
  .kula-btn:hover{
    background: #00B2E2;
}
  .kula-btn:hover img{}
 .kulahakkinda{
	 position:relative;
	}
 .kulahakkinda .desen{
	 margin-bottom:4rem;
	 padding-left:5%;
	}
 .kulahakkinda .desen img{
    width: 50%;
    object-fit: contain;
}
 .kulahakkinda .rakamlarrow{
    margin-bottom: 4rem;
}
 .kulahakkinda .rakamlarrow .wrakam{
    width: 25%;
}
 .kulahakkinda .rakamlarrow .wrakam h6{
    display: flex;
    align-items: center;
    font-size: 84px;
    font-weight: 200;
}
 .kulahakkinda .rakamlarrow .wrakam h6 span{
    color: #000000;
    font-size: 84px;
    line-height: 80%;
    font-weight: 600;
} 
 .kulahakkinda .w50{margin-top: auto;margin-bottom: auto;}
 .kulahakkinda .w50 img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
 .kulahakkinda .w50 h2{
    margin-bottom: 1rem;
}
 .kulahakkinda .w50 h6{
    font-weight: 500;
    margin-bottom: 1rem;
} 
 .kulahakkinda .w50 p{
    font-weight: 200;
} 
.teknolojiler{
	background:#F8F8F8;
	position:relative;
}
.teknolojiler .desenkula{position: absolute;right: 10%;top: 10%;}
.teknolojiler .desenkula img{ 
}
.teknolojiler h2{ 
}
.teknolojiler p{width: 100%;}
.teknolojiler .row{justify-content: space-around;}
.teknolojiler .row .teknolojicard{transition:.5s;position: relative;background: #10284A;border-radius: 10px;width: 24.5%;margin-top: .5rem;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 10px 10px;}
.teknolojiler .row .teknolojicard img{width: 100px;}
.teknolojiler .row .teknolojicard h6{transition:.5s;color: #00B2E2;font-weight: 500;}
.teknolojiler .row .teknolojicard p{width: 100%;text-align: center;color: #fff;margin: 0;font-weight: 200;}
.teknolojiler .row .teknolojicard:hover{
	background:#00B2E2;
}
.teknolojiler .row .teknolojicard:hover h6{
	color:#ffffff
}
.markalar{}
.markalar .container{}
.markalar .container .row{
    justify-content: space-between;
}
.markalar .container .row .w50{}
.markalar .container .row .w50 h2{}
.markalar .container .row .w50 p{}
.markalar .container .row .w50 h2 strong{}
.markalar .container .row .markacard{
    width: 24%;
    background: #E7E7E7;
    background: linear-gradient(180deg,rgba(231, 231, 231, 1) 50%, rgba(135, 135, 135, 1) 75%, rgba(67, 67, 67, 1) 100%);
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 1.5rem;
    transition: .5s;
}
.markalar .container .row .markacard .logo{
    height: 60px;
}
.markalar .container .row .markacard .logo img{
    height: 100%;
    object-fit: contain;
    width: 100%;
    transition: .5s;
}
.markalar .container .row .markacard .marka{
    height: 200px;
}
.markalar .container .row .markacard .marka img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
}
.markalar .container .row .markacard p{
    color: #fff;
    margin: 0;
    height: 40px;
    text-align: center;
    display: block;
    transition: .5s;
}
.markalar .container .row .markacard a.kula-btn{}
.markalar .container .row .markacard:hover{
}
.markalar .container .row .markacard:hover .logo img{
    transform: translate(0px, -5px);
}
.markalar .container .row .markacard:hover .marka img{
    transform: translate(0px, -15px);
}
.markalar .container .row .markacard:hover p{
    transform: translate(0px, -30px);
}
.markalar .container .row .markacard:hover a.kula-btn{
    transform: translate(0px, -40px);
    background: #00B2E2;
}

.hizmetlerimiz {
  background: #022241; 
  position: relative;
  overflow: hidden;
}
  .hizmetlerimiz h2{
    text-align: center;
    margin: auto;
    width: max-content;
    margin-bottom: 1rem;
    color: #fff;
}
.hizmetlerimiz::before {
  content: '';
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(0, 178, 226, 0.07) 0%, transparent 70%);
  pointer-events: none;
}
  

.hizmetlerimiz .owl-hizmetler {
  padding: 0 0 0 0;
}
 
.hizmetlerimiz .owl-hizmetler .owl-stage-outer {
  padding: 12px 0 12px;
}
.hizmetlerimiz .owl-hizmetler .item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.45s ease;
}
 
.hizmetlerimiz .owl-hizmetler .item:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 24px 48px rgba(0, 20, 60, 0.55),
              0 0 0 1px rgba(0, 178, 226, 0.25);
}
  
.hizmetlerimiz .owl-hizmetler .item .bgs {
  height: 520px;
  overflow: hidden;
  border-radius: 16px;
}
 
.hizmetlerimiz .owl-hizmetler .item .bgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(1);
}
 
.hizmetlerimiz .owl-hizmetler .item:hover .bgs img {
  transform: scale(1.07);
}
  
.hizmetlerimiz .owl-hizmetler .item .bgs::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(
    180deg,
    rgba(2, 34, 65, 0.45) 0%,
    rgba(2, 34, 65, 0.65) 50%,
    rgba(2, 34, 65, 0.88) 100%
  );
  transition: background 0.45s ease;
  z-index: 1;
}
  
.hizmetlerimiz .owl-hizmetler .item:hover .bgs::after {
  background: linear-gradient(    180deg,    #00356730 0%, #00356780 45%,    #003567 100%  );
}
 
  
.hizmetlerimiz .owl-hizmetler .item .text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 32px 24px;
  text-align: center;
  gap: 0;
}
  
.hizmetlerimiz .owl-hizmetler .item .text img {
  width: 64px;
  margin-bottom: 20px;
  transition: transform 0.45s ease, filter 0.45s ease;
  filter: brightness(1);
}
 
.hizmetlerimiz .owl-hizmetler .item:hover .text img {
  transform: translateY(-8px) scale(1.08);
  filter: brightness(1.15) drop-shadow(0 0 12px rgba(0, 178, 226, 0.5));
}
 
/* Başlık h6 */
.hizmetlerimiz .owl-hizmetler .item .text h6 {
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
  transition: transform 0.4s ease, color 0.4s ease; 
}
 
.hizmetlerimiz .owl-hizmetler .item:hover .text h6 {
  transform: translateY(-4px);
  color: #ffffff;
}
  
.hizmetlerimiz .owl-hizmetler .item .text a { 
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.4s ease 0.05s,
              transform 0.4s ease 0.05s,
              background-color 0.3s ease;
  pointer-events: none;
}
 
.hizmetlerimiz .owl-hizmetler .item .text a img {
  width: 16px;
  margin-bottom: 0;
  filter: none;
  transition: transform 0.3s ease;
}
  
.hizmetlerimiz .owl-hizmetler .item:hover .text a {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  background-color: #00B2E2;
}
 
.hizmetlerimiz .owl-hizmetler .item:hover .text a:hover {
  background-color: #00B2E2;
}
 
.hizmetlerimiz .owl-hizmetler .item:hover .text a:hover img {
  transform: translateX(4px);
} 
.hizmetlerimiz .owl-hizmetler .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex!important;
  justify-content: space-between;
  padding: 0 8px;
  margin: 0;
}
 .hizmetlerimiz .owl-hizmetler .owl-nav .owl-next{
	 
  position: absolute;
  right: -60px;
 }
 .hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev{
	 
  position: absolute;
  left: -60px;
 }
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next {
  pointer-events: all;
  width: 64px;
  height: 64px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(2, 34, 65, 0.7) !important;
  border: 1px solid rgba(0, 178, 226, 0.35) !important;
  border-radius: 50% !important;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}
 
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev:hover,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next:hover {
  background: #00B2E2 !important;
  border-color: #00B2E2 !important;
  transform: scale(1.1);
}
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev:hover .okimage img,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next:hover .okimage img{
   filter:brightness(0) invert(1);
}
 
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev .okimage,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next .okimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
} 
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next .okimage img {
    transform: translate(4px);
}

.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev .okimage img,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next .okimage img {
  width: 32px;
  filter: brightness(10);
}
  
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev .okimage img {
  transform: rotate(180deg) translate(4px);
}
  
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-prev.disabled,
.hizmetlerimiz .owl-hizmetler .owl-nav .owl-next.disabled {
  opacity: 0.3;
  pointer-events: none;
}
  
.hizmetlerimiz .owl-hizmetler {
  position: relative;
}
   
@media (max-width: 1280px) {
  .hizmetlerimiz .owl-hizmetler .item .bgs { height: 460px; }
}
 
/* 1024px */
@media (max-width: 1024px) {
  .hizmetlerimiz .owl-hizmetler .item .bgs { height: 420px; }
  .hizmetlerimiz .owl-hizmetler .item .text a { opacity: 1; transform: translateY(0); pointer-events: all; }
}
 
/* 768px */
@media (max-width: 768px) {
  .hizmetlerimiz { padding: 48px 0 56px; }
  .hizmetlerimiz .owl-hizmetler .item .bgs { height: 380px; }
  .hizmetlerimiz .owl-hizmetler .item .text a { opacity: 1; transform: translateY(0); pointer-events: all; }
  .hizmetlerimiz .hizmetlerimiz-footer { justify-content: center; }
}
 
/* 480px */
@media (max-width: 480px) {
  .hizmetlerimiz .owl-hizmetler .item .bgs { height: 340px; }
  .hizmetlerimiz .owl-hizmetler .item .text { padding: 24px 16px; }
  .hizmetlerimiz .owl-hizmetler .item .text img { width: 50px; }
}
.nedenkula{
    position: relative;
}
.nedenkula .container{}
.nedenkula .container .row{
    text-align: center;
    position: relative;
}
.nedenkula .container .row .anagorsel{
    width: 100%;
    height: 650px;
    object-fit: contain;
}
.nedenkula .container .row .kutulartext{
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0px 0px 9px #00000025;
    border-radius: 20px;
    padding: 20px 10px;
}
.nedenkula .container .row .kutulartext img{
    height: 80px;
    width: 100px;
    object-fit: contain;
    filter: brightness(0.5);
}
.nedenkula .container .row .kutulartext p{
    margin: 0;
    text-align: left;
    padding-left: 20px;
}
.nedenkula .container .row .kutulartext p strong{
    display: block;
}
.nedenkula .container .row .kutulartext.kutu-1{
    left: 17%;
    top: 10%;
}
.nedenkula .container .row .kutulartext.kutu-2{
    left: 60%;
    top: 10%;
}
.nedenkula .container .row .kutulartext.kutu-3{
    left: 12%;
    top: 64%;
}
.nedenkula .container .row .kutulartext.kutu-4{
    left: 65%;
    top: 64%;
} 
 
	@keyframes scroll {
	  from {
	    transform: translateX(0);
	  }
	  to {
	    transform: translateX(-50%);
	  }
	}
	.bottom .ref-track {
	  animation-direction: reverse;
	}
	.ref-wrapper:hover .ref-track {
	  animation-play-state: paused;
	}
.ref-wrapper{overflow:hidden;width:100%;}
.ref-track{display:flex;gap:40px;width:max-content;animation:scroll 35s linear infinite;}
.ref-wrapper{position:relative;margin-top: 3rem;}
.ref-wrapper::before,.ref-wrapper::after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;}
.ref-wrapper::before{left:0;background: linear-gradient(to right, #F9FBFD, transparent);}
.ref-wrapper::after{right:0;background: linear-gradient(to left, #F9FBFD, transparent);}
.bottom .ref-track{animation-direction:reverse;}
.ref-wrapper:hover .ref-track{animation-play-state:paused;}
.referanslarimiz{background: #F9FBFD;}
.referanslarimiz img{object-fit:contain;width: 200px;height: 130px;/* filter: brightness(0); */}
@media (max-width: 1300px){
.ref-item{min-width:150px;height:120px;}
}
.referanslarimiz .row{
	margin-top: 5rem;
	position: relative;
}
.referanslarimiz h2{
	text-align:center;
	width:max-content;
	margin:auto;
	margin-bottom:2rem;
	position: relative;
	z-index: 99;
}

.referanslarimiz .row::before{
	content:"";
	position:absolute;
	top: -110px;
	width: 80%;
	height:100%;
	background: url(../img/kulamakbg.webp);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	left: 10%;
	filter: brightness(0.95);
}
.medya{}
.medya .row{
    justify-content: space-between;
}
.medya .row .mediacard{
    width: 30%;
    background: #F8F8F8;
    position:relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #DCDCDC; 
    margin-top:2rem;
}
.medya .row .mediacard .imgs{
    height: 350px;
    overflow: hidden;
}
.medya .row .mediacard .imgs img{
    width: 100%;
    object-fit: cover;
    height: 100%;
	transition:.5s;
}
.medya .row .mediacard .text{
    padding: 20px 30px 20px 30px;
    position: relative;
    width: 100%;
    height: 280px;
}
.medya .row .mediacard .text h6{
    color: #10284A;
}
.medya .row .mediacard .text p{}
.medya .row .mediacard .text a{
    margin-bottom: 2rem;
}
.medya .row .mediacard a.absolelink{
    margin-bottom: 0rem;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9
}
.medya .row .mediacard .text span{
    position: absolute;
    right: 15px;
    bottom: 55px;
}
.medya .row .mediacard:hover .imgs img{
	transform:scale(1.05);
}


.parallaxpart{background-image:url(../img/parallax.webp);min-height: 500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height: 500px;display:flex;justify-content:center;align-items:center;padding-top: 5%;padding-bottom: 5%;}
.parallaxpart .absoles{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	object-fit:contain;
}.parallaxpart .absoles2{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	object-fit:contain;
}
.parallaxpart .textdecor h2 strong{
	color:#fff;
}
.parallaxpart .textdecor h2{text-align:left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 100%;text-align: center;}
.parallaxpart .textdecor{
    width: 85%;
    padding-top: 1%;
}
.parallaxpart .textdecor h5{text-align: left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 60%;margin: 2rem auto;font-size: 20px;text-align: center;}
.parallaxpart .textdecor a{color:#fff;margin-left: auto;margin-right: auto;}
.parallaxpart .textdecor .put{text-align:center;width: 40%;margin:auto;position:relative;}
.parallaxpart .textdecor .put input{width: 100%;height:60px;display:flex;justify-content:center;align-items:center;border:0;border-radius:50px;padding-left:20px;background:#002f87;background-color: #ffffff37;border: 1px solid #ffffff40;font-size: 130%;}
.parallaxpart .textdecor .put input::placeholder{color:#fff;}
.parallaxpart .textdecor .put button{background:0 0;border:0;outline:0;position:absolute;color: #fff;background: #323232;width: 50%;height: 100%;top: 0;right: -25px;border-radius: 50px;z-index: 9;cursor: pointer;font-size: 110%;}
.parallaxpart .textdecor .put button img{
	position:absolute;
	right:40px;
	top:23px;
	transition:1s;
}
.parallaxpart .textdecor .put button:hover img{
	right:30px;
}
@media (max-width:1681px){ 
.parallaxpart .textdecor{transform:translate(0,40px);}
}
@media (max-width:1300px){ 
.parallaxpart .textdecor .put{width:40%;}
.parallaxpart .textdecor .put input{height:40px;} 
}
@media (max-width:600px){ 
.parallaxpart .textdecor h5{font-size:20px;width:80%;}
.parallaxpart .textdecor p{margin-top:1rem;}
.parallaxpart .textdecor .put{width:70%;}
.parallaxpart{min-height:200px;height:200px;background-size:cover;background-attachment:local;}
.parallaxpart .textdecor{transform:translate(0,0);}
}
.footer{
    background: #022241;
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
} 
.footer .desenss{
    position: absolute;
    top: 0;
    right: 3%;
    height: 95%;
    width: 26%;
}
.footer .desenss img{
    width: 100%;
    height: 100%;
}
.footer .logo{
    display: block;
    width: max-content;
    margin-bottom: 1rem;
}
.footer .logo img{}
.footer .row{}
.footer .row .w20{
    width: 35%;
    margin-bottom:2rem;
}
.footer .row h6{
    color: #fff;
    font-weight: 300;
    margin-bottom: 2rem;
}
.footer .row ul{
    padding: 0;
    list-style: none;
}
.footer .row .w20 ul li{
    list-style: none;
    width: 85%;
}
.footer .row ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    position:relative;
}
.footer .row ul li a::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	transition:.5s;
	background: #00b4e5;
}
.footer .row ul li a:hover:after{ 
	width:100%; 
}
.footer .row .w20 ul li a img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.footer .row .w30{
    width: 20%;
}
.footer .row h6{
    color: #fff;
    font-weight: 300;
    margin-bottom: .5rem;
}
.footer .row .w30 ul{
    padding: 0;
    list-style: none;
}
.footer .row .w30 ul li{}
.footer .row .w30 ul li a{
    color: #fff;
    width: max-content;
} 
 .footer .row .w100{}
 .footer .row .w100 ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}
 .footer .row .w100 ul li{
    margin: 0;
}
 .footer .row .w100 ul li a{
    display: block;
    margin: 0;
    height: 30px;
}
 .footer .row .w100 ul li a img{
	 transition:.5s;
	 width:30px;
	 height:30px
 }

 .footer .row .w100 ul li a:hover img{
	 transform: scale(1.05);
	}
.hakkimizdatab{}
.hakkimizdatab .row{}
.hakkimizdatab .row ul{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.hakkimizdatab .row ul li:nth-child(1){
	background:#022241;
	color:#ffffff;
}
.hakkimizdatab .row ul li{
    list-style: none;
    width: calc(100% / 6);
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hakkimizdatab .row ul li a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 15px 0px;
    background: #F6F6F6;
    border-bottom: 1px solid #949494;
    border-top: 1px solid #949494;
}
.hakkimizdatab .row ul li.active a{
    background: #00B2E2;
    color: #ffffff;
    border-bottom: 1px solid #00B2E2;
    border-top: 1px solid #00B2E2;
}
.dunyamap {
  background: #022241;
  position: relative;
  overflow: hidden;
}
 
.dunyamap .ulkelerparent {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}
 
.dunyamap .ulkelerparent img.back {
  height: 800px;
  width: 100%;
  object-fit: contain;
  display: block;
}
  
.dunyamap .ulkelerparent .tooltips {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer; 
  opacity: 0;
  transform: translateY(12px) scale(0.6);
  transition:
    opacity   0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
    transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); 
}
  
.dunyamap.active .ulkelerparent .tooltips {
  opacity: 1;
  transform: translateY(0) scale(1);
}
  
.dunyamap .ulkelerparent .tooltips img {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  z-index: 3;
  transition: transform 0.35s ease, filter 0.35s ease;
  filter: drop-shadow(0 0 0px rgba(0, 178, 226, 0));
}
  
.dunyamap .ulkelerparent .tooltips::before {
  content: '';
  position: absolute;
  bottom: 0px; /* img altı civarı, konuma göre ayarlanabilir */
  left: 50%;
  transform: translateX(-50%);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(0, 178, 226, 0.25);
  z-index: 2;
  animation: none;
}
  
.dunyamap.active .ulkelerparent .tooltips::before {
  animation: kulaPulse 2.4s ease-out infinite;
}
 
@keyframes kulaPulse {
  0%   { transform: translateX(-50%) scale(1);   opacity: 0.7; }
  70%  { transform: translateX(-50%) scale(2.4); opacity: 0; }
  100% { transform: translateX(-50%) scale(1);   opacity: 0; }
}
  
.dunyamap .ulkelerparent .tooltips:hover img {
  transform: scale(1.2);
  filter: drop-shadow(0 0 8px rgba(0, 178, 226, 0.8));
}
 
  
.dunyamap .ulkelerparent .tooltips .pencere {
  position: absolute;
  bottom: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(8px) scale(0.92);
  width: 360px;
  background: #00B2E2;
  border-left: 3px solid #00B2E2;
  padding: 14px 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  z-index: 10;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity   0.3s ease,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    visibility 0s linear 0.3s;
}
  
.dunyamap .ulkelerparent .tooltips .pencere::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #003567;
}
  
.dunyamap .ulkelerparent .tooltips:hover .pencere {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0) scale(1);
  transition:
    opacity   0.3s ease,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    visibility 0s linear 0s;
  pointer-events: all;
}
  
.dunyamap .ulkelerparent .tooltips .pencere p {
  margin: 0;
  color: #ffffff;
  text-align: left;
  line-height: 1.45;
}
  
.dunyamap .ulkelerparent .tooltips .pencere .pencere-ulke {
  color: #00B2E2;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}
 
  
@media (max-width: 1024px) {
  .dunyamap .ulkelerparent img.back { height: 600px; }
  .dunyamap .ulkelerparent .tooltips .pencere { width: 200px; }
}
 
@media (max-width: 768px) {
  .dunyamap .ulkelerparent img.back { height: 420px; }
  .dunyamap .ulkelerparent .tooltips img { width: 20px; height: 20px; }
  .dunyamap .ulkelerparent .tooltips .pencere { width: 160px; padding: 10px 12px; }
  .dunyamap .ulkelerparent .tooltips .pencere p { font-size: 13px; }
}
 
@media (max-width: 480px) {
  .dunyamap .ulkelerparent img.back { height: 280px; }
  .dunyamap .ulkelerparent .tooltips img { width: 16px; height: 16px; }
  .dunyamap .ulkelerparent .tooltips .pencere {
    width: 130px;
    padding: 8px 10px;
    bottom: calc(100% + 8px);
  }
}

.dunyamap.active .ulkelerparent .tooltips.turkiye{
	position:absolute;
	top:50%;
	left:50% 
}
.dunyamap.active .ulkelerparent .tooltips.suud{
	position:absolute;
	top:45%;
	left:45% 
}
.desenss{
    position: absolute;
    right: 2%;
    top: 2%;
    opacity: .25;
}
.desenss img{}
.visyontab{
    position: relative;
}
.visyontab .w50{height: 100%;position: sticky;top: 5%;}
.visyontab .w50 img{
	width:100%;
	/* height:100%; */
	position: sticky;
	top: 5%;
}
.visyontab .w50 h2{
    margin-bottom: 3rem;
    font-size: 85px; 
}
.visyontab .w50 h2{
    margin-bottom: 3rem;
    font-size: 85px;
    margin-top: 10rem;
}
.visyontab .w50 p{
}
.visyontab .w50:last-child{}
.visyontab .w50:last-child:before,
.visyontab .w50:last-child:after{}
 .visyontab h6{
 	
padding-left: 160px;
 	
margin-top: 5rem;
 	
margin-bottom: 5rem;
 	
width: 90%;
 }
 .visyontab h6::before{
 	content:"";
 	position:absolute;
 	background: url(../img/tirnak.webp);
 	background-size: contain;
 	background-repeat: no-repeat;
 	width: 68px;
 	height: 68px;
 	left: 50px;
 } 
.tarihce {
  /* background: #f8f9fa; */
  /* padding: 72px 0; */
  position: relative;
}
  
.tarihce .tablist {
  position: relative;
  margin-left: 5%;
  margin-bottom: 3rem;
}
 
.tarihce .tablist .owl-date1 {
  /* position: relative; */
}
  
.tarihce .tablist .owl-date1 .item {
  /* text-align: center; */
  cursor: pointer;
  transition: all 0.35s ease;
}
 
.tarihce .tablist .owl-date1 .item p {
  color: #000000;
  margin: 0;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  font-size: 82px;
  padding-left: 20px;
  font-weight: 600;
}
  
.tarihce .tablist .owl-date1 .item:hover p {
  color: #003567;
  transform: translateY(-3px);
}
  
.tarihce .tablist .owl-date1 .item.active p {
  color: #00B2E2;
  transform: scale(1.08);
}
  
.tarihce .tablist .owl-date1 .owl-nav {
 
}
  
.tarihce #parent-tab-date {
  position: relative;
  min-height: 280px;
  overflow: hidden;
}
  
.tarihce #parent-tab-date > div {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition:
    opacity    0.5s ease,
    transform  0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0s linear 0.5s;
  pointer-events: none;
}
  
.tarihce #parent-tab-date > div.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition:
    opacity    0.5s ease,
    transform  0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0s linear 0s;
  pointer-events: all;
  position: relative;
}
  
.tarihce #parent-tab-date .row {
}
 
.tarihce #parent-tab-date .row .w20 {
}
 
.tarihce #parent-tab-date .row .w20 img {
  width: 100%;
}
 
.tarihce #parent-tab-date .row .w60 {
  padding-left: 5%;
  margin-top: auto;
  margin-bottom: auto;
}
 
.tarihce #parent-tab-date .row .w60 h6::before{
	content:"";
	position:absolute;
	left: -150px;
	top:50%;
	background: #00B2E2;
	width:250px;
	height: 1px;
}
.tarihce #parent-tab-date .row .w60 h6 {position:relative;margin-bottom: 3rem;padding-left: 15%;}
 
.tarihce #parent-tab-date .row .w60 p {
  color: #272727;
  line-height: 1.7;
  margin-bottom: 0;
} 
.tarihce .tab-nav-arrows {
  position: absolute;
  top: 50%;
  right: 5%;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  z-index: 5;
}
 
.tarihce .tab-nav-arrows button {
  pointer-events: all;
  width: 68px;
  height: 68px;
  background: #00B2E2;
  border: none;
  border-radius: 50%;
  color: #ffffff;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 178, 226, 0.3);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  margin-left: 15px;
}
 
.tarihce .tab-nav-arrows button:hover {
  background: #003567;
  transform: scale(1.12);
  box-shadow: 0 6px 18px rgba(0, 53, 103, 0.4);
}
 
.tarihce .tab-nav-arrows button:active {
  transform: scale(0.98);
}
  
@media (max-width: 768px) {
  .tarihce .tablist .owl-date1 .item p { font-size: 24px; padding: 12px 18px; }
  .tarihce #parent-tab-date .row { flex-direction: column; }
  .tarihce #parent-tab-date .row .w20,
  .tarihce #parent-tab-date .row .w80 { width: 100%; }
  .tarihce .tab-nav-arrows { display: none; } /* Mobilde sadece owl ok */
} 
.flexfilter {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
 .flexfilter .blok{
	 display:flex;
	 justify-content: center;
	 align-items: center;
	}
.blok h6 {
    color: #10284A; /* Görseldeki mavi tonu */
    margin-right: 25px;
    font-weight: 300;
}
 
.custom-select-container {
    position: relative;
    width: 280px;
    cursor: pointer;
    margin-right: 30px;
}

.select-trigger {
    padding: 12px 20px;
    border: 1px solid #d1d9e6;
    border-radius: 4px;
    background: #fff;
    color: #888;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.options-list {
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    display: none;
    z-index: 100;
}

.custom-select-container.open .options-list {
    display: block;
}

.option {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: background 0.3s;
    border-bottom: 1px solid #f0f0f0;
}

.option:last-child { border-bottom: none; }

.option:hover {
    background: #f8f9fa;
    color: #008ccf;
}
 
.selected-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-right: 30px;
}

.filter-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 14px;
    color: #555;
    font-weight: 600;
}

.remove-tag {
    background: none;
    border: none;
    color: #999;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}

.remove-tag:hover { color: #ff0000; }
 
#clear-all-filters {
    background: #fff;
    border: 1px dashed #ccc;
    padding: 8px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    color: #999;
}

.referanslarimizfilter .ref-item{display:flex;align-items:center;justify-content:center;width: calc(100% /6);}
.referanslarimizfilter .ref-item img{
	width:200px;
	height:200px;
}
.dropdown-menulink{position:relative;display:inline-block;}
.dropdown-menulink span{transition:0.5s;color:#FFF;font-weight:600;margin:0;}
.dropdown-menulink:hover span{transition:0.5s;color:#CE2F02;}
.dropdown-menulink:hover .dropdown-content-menulink{display:block;opacity:1;transform:translate(0px, 0px);transition:0.5s;visibility:visible;}
.dropdown-content-menulink ul{display:block;padding:0;}
.dropdown-content-menulink ul li{margin:0;display:block;}
.dropdown-content-menulink ul li a{font-weight:700;font-size:16px;line-height:32px;color:#798196;transition:0.5s;}
.dropdown-content-menulink ul li a:hover{transition:0.5s;color:#CE2F02;}
.dropdown-menulink span::before{position:absolute;content:"";width:0;}
.dropdown-menulink{position:relative;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.dropdown-menulink span{transition:0.5s;color:#FFF;font-weight:600;margin:0;}
.dropdown-menulink span img{margin-left:20px;}
.dropdown-menulink:hover span{transition:0.5s;color:#C02B37;}
.dropdown-content-menulink{position:absolute;background-color:#EFEFEF;min-width:320px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:11;opacity:0;transform:translate(0px, 50px);transition:0.5s;visibility:hidden;top:90%;right:0;filter:drop-shadow(0px -1px 6.9px #00000030);}
.dropdown-content-menulink::after{content:"";position:absolute;top:-5px;right: 4px;width:20px;height:20px;background:#efefef;transform:rotate(45deg);}
.dropdown-menulink:hover .dropdown-content-menulink{display:block;opacity:1;transform:translate(0px, 0px);transition:0.5s;visibility:visible;}
.dropdown-content-menulink ul{display:block;}
.dropdown-content-menulink ul li{margin:0;display:block;}
.dropdown-content-menulink ul li a{font-weight:500;font-size:13px;line-height:32px;color:#798196;transition:0.5s;}
.dropdown-content-menulink ul li a:hover{transition:0.5s;color:#CE2F02;}
.dropdown-menulink span::before{position:absolute;content:"";width:0;}
.urunlerparts{width:100%;z-index:99;position:relative;}
.urunlerparts .container{max-width:100%;padding:0;}
.urunlerparts .row .width20{width:20%;display:flex;justify-content:center;align-items:center;height: auto;background: #022241;position:relative;}
.urunlerparts .row .width80{width:80%;background: #F6F6F6;}
.urunlerparts .row .width20 .dropdown-menulink span{color:#fff;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width: 100%;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li{font-weight:bold;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a{color:#000000;padding-left:40px;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a img{position:absolute;left:10px;width:30px;height:30px;object-fit:contain;opacity:0;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a img.normal{opacity:1;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a{font-weight:bold;color:#021e37;display:block;margin:0;width:100%;height:100%;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li{margin-bottom:-10px;padding:12px 16px;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a img.normal{opacity:0;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a img.active{opacity:1;}

@media (max-width: 1300px){
.dropdown-content-menulink ul li a{font-weight:700;font-size:13px;line-height:15px;color:#798196;transition:0.5s;}
}
@media (max-width: 1200px){
.urunlerparts .row .width20{width:25%;}
.urunlerparts .row .width80{width:75%;}
}
@media (max-width: 900px){
.urunlerparts .row .width20 .dropdown-menulink span{color:#fff;text-align:center;display:block;}
}
@media (max-width: 600px){
.urunlerparts .row .width20{width:100%;display:flex;justify-content:center;align-items:center;height:40px;}
.urunlerparts .row .width80{width:100%;}
}

@media (max-width: 1300px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:190px;padding:12px 5px;}
.dropdown-content-menulink ul{margin:0;}
}
@media (max-width: 1200px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:255px;}
.owl-nav button{width:35px;height:35px;}
.owl-nav button .okimage img{width:9px;transform:translate(0px, -1px);}
}
@media (max-width: 900px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:205px;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{position:absolute;right:0%;top:13px;width:30px;height:30px;}
.dropdown-content-menulink{right:-40%;}
}
@media (max-width: 600px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:100%;}
.dropdown-content-menulink::after{top:-5px;left:48%;}
.dropdown-content-menulink{top:100%;}
.urunlerparts{overflow:hidden;}
.dropdown-content-menulink{right:0%;width:93%;min-width:70%!important;}
.urunlerparts{overflow:inherit;}
.dropdown-content-menulink{width:calc(100vw - 10px);left:0;}
}

@media (max-width: 1400px){
.dropdown-content-menulink ul li a{font-weight:500;font-size:14px;line-height:22px;color:#798196;transition:0.5s;}
}
@media (max-width: 1300px){
.dropdown-content-menulink ul li a{font-size:13px;}
}
@media (max-width: 900px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li{margin-bottom:0.5rem;}
}
.urunlerparts .row .width80 .row{}
.urunlerparts .row .width80 .row .flexlink{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F6F6F6;
    border: 1px solid #94949430;
}
.urunlerparts .row .width80 .row .flexlink a{
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px 0px;
    font-size: 18px;
}
.urunlerparts .row .width80 .row .flexlink a.active{
	color: #fff;
	background: #00b4e5;
	font-weight:600
}
.detaysagsol{}
.detaysagsol .container{}
.detaysagsol .container .row{}
.detaysagsol .container .row .w50{}
.detaysagsol .container .row .w50 span{
}
.detaysagsol .container .row .w50 span a{
    font-size: inherit;
    display: block;
    color: #000000;
    font-weight: bold;
}
.detaysagsol .container .row .w50 span a img{
    margin-right: 15px;
    width: max-content;
    height: max-content;
}
.detaysagsol .container .row .w50 h2{
}
.detaysagsol .container .row .w50 h2 strong{}
.detaysagsol .container .row .w50 p, .detaysagsol .container .row .w50 li{
    font-weight: 200;
    margin-bottom: .2rem;
}
.detaysagsol .container .row .w50 ul{
    padding: 0;
    padding-left: 3%;
}
.detaysagsol .container .row .w50 ul li{
}
.detaysagsol .container .row .w50 button{
    border: none;
    font-size: inherit;
    cursor: pointer;
    margin-top: 2rem;
}
.detaysagsol .container .row .w50 img{
width:100%;	
}
.digermarkalar{
    background: #F6F6F6;
}
.digermarkalar .markalarowl{}
 .digermarkalar .markalarowl .owl-nav{
	display: flex!important;
	justify-content: center;
	margin-top: 2rem;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  pointer-events: all;
  width: 64px;
  height: 64px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(2, 34, 65, 0.7) !important;
  border: 1px solid rgba(0, 178, 226, 0.35) !important;
  border-radius: 50% !important;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}
 
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  background: #00B2E2 !important;
  border-color: #00B2E2 !important;
  transform: scale(1.1);
}
.owl-nav .owl-prev:hover .okimage img,
.owl-nav .owl-next:hover .okimage img{
   filter:brightness(0) invert(1);
}
 
.owl-nav .owl-prev .okimage,
.owl-nav .owl-next .okimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
} 
.owl-nav .owl-next .okimage img {
    transform: translate(4px);
}

.owl-nav .owl-prev .okimage img,
.owl-nav .owl-next .okimage img {
  width: 32px;
  /* filter: brightness(10); */
}
  
.owl-nav .owl-prev .okimage img {
  transform: rotate(180deg) translate(4px);
}
  
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
  opacity: 0.3;
  pointer-events: none;
}
 
.digermarkalar .item{
    width: 400px;
    height: 300px;
    background: #0F3B65;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.digermarkalar .item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
    padding: 20px;
}
.digermarkalar .item a{
    position: absolute;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transform: translate(0px, 20px);
    background: #00B2E2;
}
.digermarkalar .item .parent{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position: relative;
}
.digermarkalar .item:hover{}
.digermarkalar .item:hover img{
    opacity: .5;
}
.digermarkalar .item:hover a.kula-btn{  
    opacity: 1;
    transform: translate(0px, 0px);
}
a.absollink{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9
}
.urunlerparts {
  background: #ffffff;
  /* padding: 48px 0; */
  position: relative;
}
 
.urunlerparts .row {
  position: relative;
  gap: 0;
}
 
.urunlerparts .row .droplinkurun {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F6F6F6;
  border: 1px solid #94949430;
  position: relative;
  transition: background 0.3s ease, border-color 0.3s ease;
}
 
.urunlerparts .row .droplinkurun:hover {
  background: #ffffff;
  border-color: #00B2E2;
  z-index: 100; 
}
 
.urunlerparts .row .droplinkurun a {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 15px 10px;
  font-size: 18px;
  color: #003567;
  transition: color 0.3s ease;
}
 
.urunlerparts .row .droplinkurun a.active,
.urunlerparts .row .droplinkurun:hover a {
  color: #ffffff;
  background: #00B2E2;
  font-weight: 600;
}
  
.urunlerparts .row .droplinkurun .mega-menu {
  position: fixed;  
  left: 0;
  width: 100vw;
  height: 33vh;
  min-height: 280px;
  max-height: 400px;
  background: #ffffff;
  border-top: 3px solid #00B2E2;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  z-index: 999;
   
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition:
    opacity    0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform  0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0s linear 0.4s;
  pointer-events: none;
}
  
.urunlerparts .row .droplinkurun.mega-active .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition:
    opacity    0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform  0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0s linear 0s;
  pointer-events: all;
}
  
.urunlerparts .row .droplinkurun .mega-menu .mega-menu-content {
  width: 86%;  
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
  
.urunlerparts .row .droplinkurun .mega-menu .mega-menu-content::-webkit-scrollbar {
  width: 4px;
}
 
.urunlerparts .row .droplinkurun .mega-menu .mega-menu-content::-webkit-scrollbar-thumb {
  background: #00B2E2;
  border-radius: 2px;
}
  
.urunlerparts .row .droplinkurun::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 8px; 
  pointer-events: none;
}
 
.urunlerparts .row .droplinkurun:hover::after {
  pointer-events: all;
}
 
@media (max-width: 1024px) {
  .urunlerparts .row .droplinkurun { width: 25%; } 
  .urunlerparts .row .droplinkurun a { font-size: 16px; padding: 12px 8px; }
  .urunlerparts .row .droplinkurun .mega-menu { height: 40vh; }
}
 
@media (max-width: 768px) {
  .urunlerparts .row .droplinkurun { width: 50%; } 
  .urunlerparts .row .droplinkurun a { font-size: 15px; }
  .urunlerparts .row .droplinkurun .mega-menu {
    height: 50vh;
  }
}
 
@media (max-width: 480px) {
  .urunlerparts .row .droplinkurun { width: 100%; } 
  .urunlerparts .row .droplinkurun .mega-menu { height: 60vh; }
}
.markadetaybanner{
    padding-top: 80px;
}
.markadetaybanner .container{}
.markadetaybanner .container .row{}
.markadetaybanner .container .row .w80{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.markadetaybanner .container .row .w20{}
.markadetaybanner .container .row .w80 ul{
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}
.markadetaybanner .container .row .w80 ul li{
    margin-right: 20px;
    margin-bottom: 0;
}
.markadetaybanner .container .row .w80 ul li a{
    font-weight: 300;
}
.markadetaybanner .container .row .w80 ul li:last-child a{
    font-weight: bold;
}
.markadetaybanner .container .row .w20{}
.markadetaybanner .container .row .w20 img{
    width: 100%;
}
.urundetay{}
.urundetay .row{
    width: 90%;
    margin: auto;
}
.urundetay .w50{}
.urundetay .w50 img{
	width:100%;
}
.urundetay .w50 h1{
    color: #10284A;
    font-size: 150%;
    text-align: center;
}
.urundetay .w50 h2{
    text-align: center;
}
.urundetay .w50 h2 strong{
	display:inline;
}
.urundetay .w50 h3{
    text-align: center;
}
.urundetay .w50 .btnlist{
    display: flex;
    justify-content: center;
    align-items: center;
}
.urundetay .w50 .btnlist a:hover{
	background: #003567;
}
.urundetay .w50 .btnlist a{transition:.5s;width: 220px;background: #00B2E2;text-align: center;color: #fff;font-size: 110%;margin: 0;display: flex;justify-content: center;align-items: center;padding: 10px 0px;border-radius: 10px;margin-left: 10px;margin-right: 10px;}
.urundetay .w50 .btnlist a img{
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}
.urundetay .w100{
    text-align: center;
}
.urundetay .w100 p,
.urundetay .w100 li,
.urundetay .w100 a{
    text-align: center;
}
.urundetay .w100 li{
	width:max-content;
	margin-left:auto;
	margin-right:auto;
}
.urundetay .w100 p strong,
.urundetay .w100 li strong{}
.urundetay .w100 h1{
    color: #002E46;
    text-align: center;
    font-size: 250%;
}
.urundetay .w100 h2{
    text-align: center;
}
.urundetay .w100 h3{
    text-align: center;
    color: #002E46;
}
.urundetay .w100 h4{
    text-align: center;
    color: #002E46;
}
.urundetay .w100 h5{
    text-align: center;
    color: #002E46;
}
.urundetay .w100 h6{}
.urundetay .w100 video{
    width: max-content;
    height: 450px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    object-fit: contain;
}
.urundetay .w100 img{
    width: 100%;
    height: 450px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.urundetay .w100 table{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.urundetay .w100 tr{}
.urundetay .w100 td{
    text-align: center;
}
.urundetay .w100 tr:nth-child(n){}
.urundetay .w100 tr:nth-child(2n){}
.urundetay .w100 td strong{}
table {
  width: 100%;
  border-collapse: collapse;
  color: #002E46;
  background: #fff;
  border: 1px solid rgba(0, 46, 70, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
table td {
  padding: 14px 18px;
}
table tr:nth-child(odd) {
  background: rgba(0, 46, 70, 0.04);
}
table tr:hover {
  background: rgba(0, 46, 70, 0.10);
}
table strong { 
  font-weight: 600;
} 
 
 
  .tech-specs { padding: 1rem 0; }
  .tech-specs h2.desen{
	  width:max-content;
	  text-align:center;
	  margin-left:auto;
	  margin-right:auto;
  }
  .tech-title { font-size: 14px; letter-spacing: 3px; font-weight: 500; margin: 0 0 24px; }
 
  .tech-tabs {display: flex;gap: 6px;flex-wrap: wrap;margin-bottom: 0px;width: 70%;margin-left: auto;margin-right: auto;margin-top: 2rem;}
  .tech-tab {
    background: #F8F8F8;
    color: #002E46;
    border: 1px solid rgba(0,46,70,0.15);
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    min-width: 56px;
    transition: all .15s;
    font-family: inherit;
    border-bottom: none;
  }
  .tech-tab:hover { border-color: #00B2E2; }
  .tech-tab.active { background: #00B2E2; color: #fff; border-color: #00B2E2; }
 
  .tech-select-wrap {display: none;position: relative;margin-bottom: 20px;}
  .tech-select {
    width: 100%;
    background: #00B2E2;
    color: #fff;
    border: none;
    padding: 14px 44px 14px 18px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
  }
  .tech-select-wrap::after {
    content: "â–¾";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    pointer-events: none;
    font-size: 14px;
  }
 
  .tech-panel {
    display: none;
    background: #F8F8F8;
    padding: 28px;
    border: 1px solid rgba(0,46,70,0.08);
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .tech-panel.active { display: block; }
 
  .tech-model {font-size: 25px;letter-spacing: 2px;text-align: center;}
  .tech-image { text-align: center; margin-bottom: 28px; }
  .tech-image img {max-width: 100%;height: 400px;}
 
  .tech-table { width: 100%; border-collapse: collapse; font-size: 14px; }
  .tech-table tr:nth-child(odd) {background: #F0F0F0;}
  .tech-table td {padding: 12px 20px;font-size: 100%;}
  .tech-table td:last-child { text-align: right; }
 
  /* ANÄ°MASYONLAR */
  @keyframes imgIn {
    from { opacity: 0; transform: scale(0.94) translateY(10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }
  @keyframes rowIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .tech-panel.active .tech-image img {
    animation: imgIn .55s ease-out both;
  }
  .tech-panel.active .tech-table tr {
    opacity: 0;
    animation: rowIn .45s ease-out forwards;
  }
  .tech-panel.active .tech-table tr:nth-child(1)  { animation-delay: .15s; }
  .tech-panel.active .tech-table tr:nth-child(2)  { animation-delay: .22s; }
  .tech-panel.active .tech-table tr:nth-child(3)  { animation-delay: .29s; }
  .tech-panel.active .tech-table tr:nth-child(4)  { animation-delay: .36s; }
  .tech-panel.active .tech-table tr:nth-child(5)  { animation-delay: .43s; }
  .tech-panel.active .tech-table tr:nth-child(6)  { animation-delay: .50s; }
  .tech-panel.active .tech-table tr:nth-child(7)  { animation-delay: .57s; }
  .tech-panel.active .tech-table tr:nth-child(8)  { animation-delay: .64s; }
  .tech-panel.active .tech-table tr:nth-child(9)  { animation-delay: .71s; }
  .tech-panel.active .tech-table tr:nth-child(10) { animation-delay: .78s; }
 
  @media (max-width: 768px) {
    .tech-tabs { display: none; }
    .tech-select-wrap { display: block; }
    .tech-panel { padding: 16px; border: 2px solid #00B2E2; }
    .tech-table td { padding: 10px 12px; font-size: 13px; }
  }
  .galeri{}
  .galeri h2.desen{}
  .galeri .owl-galeri{}
  .galeri .owl-galeri .item{}
  .galeri .owl-galeri .item img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}
  .galeri .owl-galeri .owl-nav{}
  .galeri .owl-galeri .owl-nav .owl-prev{}
  .galeri .owl-galeri .owl-nav .owl-next{}
.galeri .owl-galeri .owl-nav {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex!important;
  justify-content: space-between;
  padding: 0 8px;
  margin: 0;
}
.galeri .owl-galeri .owl-nav .owl-next{
	 
  position: absolute;
  right: -60px;
 }
.galeri .owl-galeri .owl-nav .owl-prev{
	 
  position: absolute;
  left: -60px;
 }
.galeri .owl-galeri .owl-nav .owl-prev,
.galeri .owl-galeri .owl-nav .owl-next {
  pointer-events: all;
  width: 64px;
  height: 64px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(2, 34, 65, 0.7) !important;
  border: 1px solid rgba(0, 178, 226, 0.35) !important;
  border-radius: 50% !important;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}
 
.galeri .owl-galeri .owl-nav .owl-prev:hover,
.galeri .owl-galeri .owl-nav .owl-next:hover {
  background: #00B2E2 !important;
  border-color: #00B2E2 !important;
  transform: scale(1.1);
}
.galeri .owl-galeri .owl-nav .owl-prev:hover .okimage img,
.galeri .owl-galeri .owl-nav .owl-next:hover .okimage img{
   filter:brightness(0) invert(1);
}
 
.galeri .owl-galeri .owl-nav .owl-prev .okimage,
.galeri .owl-galeri .owl-nav .owl-next .okimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
} 
.galeri .owl-galeri .owl-nav .owl-next .okimage img {
    transform: translate(4px);
}

.galeri .owl-galeri .owl-nav .owl-prev .okimage img,
.galeri .owl-galeri .owl-nav .owl-next .okimage img {
  width: 32px;
  filter: brightness(10);
}
  
.galeri .owl-galeri .owl-nav .owl-prev .okimage img {
  transform: rotate(180deg) translate(4px);
}
  
.galeri .owl-galeri .owl-nav .owl-prev.disabled,
.galeri .owl-galeri .owl-nav .owl-next.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.digermarkalar.detaypage{}
.digermarkalar.detaypage .row{
    justify-content: space-between;
}
.digermarkalar.detaypage .item{
    width: 24.5%;
    margin-bottom: .7%;
}
.hizmetlerimizpage{}
.hizmetlerimizpage .container{}
.hizmetlerimizpage .container .row{}
.hizmetlerimizpage .container .row .w50{
    margin-top: auto;
    margin-bottom: auto;
}
.hizmetlerimizpage .container .row .w50 img{
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}
.hizmetlerimizpage .container .row .w50 h3{
	position:relative;
	width: 80%;
}
.hizmetlerimizpage .container .row .w50 h3::after{
	content:"";
	position:absolute;
	width: 120px;
	height: 120px;
	background: url(../img/baslikafter.webp);
	background-size: contain;
	background-repeat: no-repeat;
	right: -30%;
	top: -80px;
}
.hizmetlerimizpage .container .row .w50 p{}
.hizmetlerimizpage .container .row .w50 p strong{}
.kariyer{
    background: #F9FBFD;
}
.kariyer h2{}
.kariyer p{
    width: 50%;
} 
.kariyer p strong{} 
.kariyer .row{
    justify-content: space-between;
}
.kariyer .row .ilancard{
    height: 500px;
    width: 24%;
    position: relative;
}
.kariyer .row .ilancard .bg{
    height: 100%;
}
.kariyer .row .ilancard .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kariyer .row .ilancard .text{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translate(0px, 80px);
}
.kariyer .row .ilancard .text h6{
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.kariyer .row .ilancard .text a{}


.medya.detay .row .mediacard{
	margin-bottom:5rem
}
.pagemedya{}
.pagemedya ul{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    list-style: none;
}
.pagemedya ul li{
    margin: 0;
    background: #E3E3E3;
    margin-right: 15px;
    margin-left: 15px;
    min-width: 200px;
}
.pagemedya ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    color: #000000;
    padding: 10px 30px;
	transition:.5s;
}
.pagemedya ul li a:hover{
	background:#00B2E2;
	color:#fff;
}

.pagemedya ul li a:hover img{
	filter:brightness(0) invert(1)
} 
.pagemedya ul li a img{
    width: 40px;
    height: 40px;
    margin-right: 15px;
	transition:.5s;
}
.pagemedya ul li.active{
    background: #00B2E2;
}
.pagemedya ul li.active a{ 
    color: #fff;
}
.pagemedya ul li.active a img{
	filter:brightness(0) invert(1)
} 
.iletisim-formu{
	--kurumsal-koyu:#003567;
	--kurumsal-acik:#00B2E2;
	--input-bg:#f3f6f9;
	--input-cizgi:#e2e8ee;
	--metin-soluk:#8a99a8;
	background:#ffffff;
}
.iletisim-formu .iletisim-formu-ust{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.iletisim-formu .iletisim-formu-ust .iletisim-formu-logo{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,178,226,.12);}
.iletisim-formu .iletisim-formu-ust .iletisim-formu-logo svg{width:24px;height:24px;stroke:var(--kurumsal-acik);}
.iletisim-formu .iletisim-formu-ust .iletisim-formu-logo-yazi{font-weight:600;letter-spacing:2px;color:var(--kurumsal-koyu);text-transform:uppercase;}
.iletisim-formu .iletisim-formu-baslik{margin-bottom:28px;}
 
/* ---- TAB KARTLARI ---- */
.iletisim-formu .iletisim-formu-tablar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab{flex:1 1 150px;background:var(--input-bg);border:2px solid transparent;border-radius:14px;padding:22px 14px;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;user-select:none;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,53,103,.12);}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab .iletisim-formu-tab-ikon{margin-bottom:10px;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab .iletisim-formu-tab-ikon svg{width:30px;height:30px;stroke:var(--kurumsal-acik);transition:stroke .3s ease;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab .iletisim-formu-tab-baslik{font-weight:600;color:var(--kurumsal-koyu);transition:color .3s ease;line-height:1.3;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab.active{background:linear-gradient(160deg,#0a3f73 0%,var(--kurumsal-koyu) 100%);border-color:var(--kurumsal-acik);box-shadow:0 0 0 4px rgba(0,178,226,.18),0 18px 40px rgba(0,53,103,.28);transform:translateY(-2px);}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab.active .iletisim-formu-tab-ikon svg{stroke:#ffffff;}
.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab.active .iletisim-formu-tab-baslik{color:#ffffff;}
 
/* ---- FORM GEÇİŞ ---- */
.iletisim-formu .iletisim-formu-icerik .iletisim-formu-form{display:none;animation:formGoster .45s ease;}
.iletisim-formu .iletisim-formu-icerik .iletisim-formu-form.active{display:block;}
@keyframes formGoster{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
 
/* ---- ALAN IZGARASI ---- */
.iletisim-formu .iletisim-formu-form .form-govde{display:grid;grid-template-columns: repeat(auto-fit,minmax(340px,1fr));gap: 20px;}
.iletisim-formu .iletisim-formu-form .form-govde .tip-mesaj,
.iletisim-formu .iletisim-formu-form .form-govde .form-bilgi{grid-column:1/-1;}
.iletisim-formu .iletisim-formu-form .form-bilgi{margin:0;background:rgba(0,178,226,.08);border-left:4px solid var(--kurumsal-acik);border-radius:8px;padding:14px 18px;color:var(--kurumsal-koyu);line-height:1.5;}
 
/* ---- FLOATING LABEL (class tabanlı: is-active) ---- */
.iletisim-formu .form-grup{position:relative;width: 100%;}
.iletisim-formu .form-grup input,
.iletisim-formu .form-grup select,
.iletisim-formu .form-grup textarea{width:100%;border:1.5px solid var(--input-cizgi);background:var(--input-bg);border-radius:12px;padding: 8px 18px 8px;font-family:"Geologica",sans-serif;color:var(--kurumsal-koyu);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;height: 60px;}
.iletisim-formu .form-grup textarea{resize:vertical;min-height:130px;padding-top:30px;}
.iletisim-formu .form-grup label{position:absolute;left:18px;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--metin-soluk);pointer-events:none;transition:.2s ease;}
.iletisim-formu .form-grup.tip-mesaj label{top:22px;transform:none;}
/* label yukarı çıkmış hal */
.iletisim-formu .form-grup.is-active label,
.iletisim-formu .form-grup.tip-secim label{top: -14px;transform:translateY(0) scale(.7);color:var(--kurumsal-koyu);font-weight:500;font-size: 120%;}
.iletisim-formu .form-grup input:focus,
.iletisim-formu .form-grup select:focus,
.iletisim-formu .form-grup textarea:focus{top: 0px;border-color:var(--kurumsal-acik);background:#ffffff;box-shadow:0 0 0 4px rgba(0,178,226,.12);}
.iletisim-formu .zorunlu-yildiz{color:var(--kurumsal-acik);font-weight:700;}
/* hatalı alan */
.iletisim-formu .form-grup.detect input,
.iletisim-formu .form-grup.detect select,
.iletisim-formu .form-grup.detect textarea,
.iletisim-formu .form-grup.detect .dosya-kutu{border-color:#e23b3b !important;box-shadow:0 0 0 4px rgba(226,59,59,.12) !important;}
 
/* ---- SEÇİM (mavi vurgulu) ---- */
.iletisim-formu .form-grup.tip-secim select{appearance:none;-webkit-appearance:none;border-left:4px solid var(--kurumsal-acik);cursor:pointer;}
.iletisim-formu .form-grup.tip-secim .secim-ok{position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--kurumsal-koyu);border-bottom:2px solid var(--kurumsal-koyu);transform:translateY(-65%) rotate(45deg);pointer-events:none;}
 
/* ---- DOSYA YÜKLEME ---- */
.iletisim-formu .form-grup.tip-dosya input[type=file]{position:absolute;width:0;height:0;opacity:0;}
.iletisim-formu .form-grup.tip-dosya .dosya-kutu{position:static;display:flex;align-items:center;gap: 10px;width:100%;border:1.5px dashed var(--kurumsal-acik);background:rgba(0,178,226,.05);border-radius:12px;padding: 5px 5px;cursor:pointer;transform:none;color:var(--kurumsal-koyu);transition:.2s ease;}
.iletisim-formu .form-grup.tip-dosya .dosya-kutu:hover{background:rgba(0,178,226,.12);}
.iletisim-formu .form-grup.tip-dosya .dosya-kutu .dosya-ikon svg{width:20px;height:20px;stroke:var(--kurumsal-acik);display:block;}
.iletisim-formu .form-grup.tip-dosya .dosya-kutu .dosya-metin{font-weight:500;font-size: 12px;line-height: 200%;}
 
/* ---- ALT BAR: KVKK + GÖNDER ---- */
.iletisim-formu .iletisim-formu-form .form-alt{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:26px;}
.iletisim-formu .form-kvkk{display:flex;align-items:flex-start;gap:12px;cursor:pointer;max-width:560px;margin:0;}
.iletisim-formu .form-kvkk input{position:absolute;opacity:0;width:0;height:0;}
.iletisim-formu .form-kvkk .kvkk-kutu{flex:0 0 auto;width:22px;height:22px;margin-top:2px;border:2px solid var(--input-cizgi);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s ease;}
.iletisim-formu .form-kvkk .kvkk-kutu svg{width:13px;height:13px;stroke:#ffffff;opacity:0;transition:.2s ease;}
.iletisim-formu .form-kvkk input:checked ~ .kvkk-kutu{background:var(--kurumsal-acik);border-color:var(--kurumsal-acik);}
.iletisim-formu .form-kvkk input:checked ~ .kvkk-kutu svg{opacity:1;}
.iletisim-formu .form-kvkk.detect .kvkk-kutu{border-color:#e23b3b;box-shadow:0 0 0 4px rgba(226,59,59,.12);}
.iletisim-formu .form-kvkk .kvkk-yazi{line-height:1.45;color:#5a6877;}
.iletisim-formu .form-kvkk .kvkk-yazi a{color:var(--kurumsal-koyu);font-weight:600;text-decoration:underline;}
.iletisim-formu .form-gonder{display:inline-flex;align-items:center;gap:14px;background:var(--kurumsal-acik);color:#fff;border:none;border-radius:10px;padding:16px 30px;font-family:"Geologica",sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:.25s ease;}
.iletisim-formu .form-gonder svg{width:16px;height:16px;stroke:#fff;transition:transform .25s ease;}
.iletisim-formu .form-gonder:hover{background:var(--kurumsal-koyu);box-shadow:0 12px 26px rgba(0,53,103,.30);}
.iletisim-formu .form-gonder:hover svg{transform:translateX(4px);}
.iletisim-formu .sonucdonhata{width:100%;margin:14px 0 0;min-height:1px;color:#e23b3b;font-weight:500;}
.iletisim-formu .sonucdonhata.basarili{color:#1c9e54;}
 
/* ---- RESPONSIVE ---- */
@media (max-width:768px){
	.iletisim-formu .iletisim-formu-tablar .iletisim-formu-tab{flex:1 1 45%;}
	.iletisim-formu .iletisim-formu-form .form-govde{grid-template-columns:1fr;}
	.iletisim-formu .iletisim-formu-form .form-alt{justify-content:center;}
	.iletisim-formu .form-gonder{width:100%;justify-content:center;}
}
.iletiismbilgileri{
    background: #003567;
    position: relative;
}
.iletiismbilgileri .desen{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iletiismbilgileri .desen img{
    width: 100%;
    object-fit: contain;
    height: 100%;
} 
.iletiismbilgileri .container{} 
.iletiismbilgileri .container .row{}
.iletiismbilgileri .container .row .w50{
	margin-top:auto;
	margin-bottom:auto;
}
.iletiismbilgileri .container .row .w50 iframe{
	min-height:500px
}
.iletiismbilgileri .container .row .w50 h6{
    color: #fff;
    margin-bottom: 2rem;
}
.iletiismbilgileri .container .row .w50 ul{
    list-style: none;
    padding: 0;
}
.iletiismbilgileri .container .row .w50 ul li{}
.iletiismbilgileri .container .row .w50 ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}
.iletiismbilgileri .container .row .w50 ul li a img{
    margin-right: 10px;
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.blog-icindekiler{background:#f5f7fa;border-left:4px solid #022f5c;border-radius:6px;padding:24px 28px;margin: 0px 0;}.blog-icindekiler strong{display:block;color:#022f5c;font-size:18px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e0e4ea}.blog-icindekiler ul{list-style:none;margin:0;padding:0;counter-reset:icindekiler}.blog-icindekiler li{counter-increment:icindekiler;margin:0}.blog-icindekiler li+li{margin-top:8px}.blog-icindekiler a{display:flex;align-items:baseline;color:#022f5c;text-decoration:none;font-size:15px;line-height:1.5;transition:color .2s ease}.blog-icindekiler a::before{content:counter(icindekiler) ".";color: #00b2e2;font-weight:700;margin-right:8px;flex-shrink:0}.blog-icindekiler a:hover{color:#022f5c}h2[id]{scroll-margin-top:100px}.blog-faq{margin:30px 0}.blog-faq>h2{color:#022f5c;margin-bottom:20px}.faq-item{border:1px solid #e0e4ea;border-radius:6px;margin-bottom:12px;overflow:hidden}.faq-question{margin:0;padding:16px 50px 16px 20px;font-size:20px;font-weight:600;color:#022f5c;background:#f5f7fa;cursor:pointer;position:relative;transition:background .2s ease,color .2s ease}.faq-question:hover{color:#022f5c}.faq-question::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:#022f5c;transition:transform .25s ease}.faq-item.acik .faq-question::after{transform:translateY(-50%) rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-ic{padding:0 20px 18px;color:#444;line-height:1.7;font-size:18px}
 .blog-ic-kapak{text-align:center;margin-top: 2rem;}.blog-ic-kapak img{width: 70%;/* margin-top:5rem; */}.blog-ic-desc{padding-top: 0%;padding-bottom: 0%;}.blog-ic-desc h1{font-weight:700;line-height:126%;color:#022f5c;text-align: center;}.blog-ic-desc p{font-size:23px;color:#3d3d3d;margin-bottom:.5rem;text-align: center;}.blog-ic-desc li{font-size:23px;color:#3d3d3d;margin-bottom:.5rem}.blog-ic-desc h2{color:#022f5c;text-align: center;}.blog-ic-desc h3{color:#022f5c}.blog-ic-desc-tarih-sosyal{border-bottom:1px solid #e8e7e7;/* padding-bottom:20px; *//* margin-top:30px; */margin-bottom:20px;}.blog-ic-desc-tarih-sosyal .tarih{display:inline-block}.blog-ic-desc-tarih-sosyal .tarih span{font-weight:500;font-size:16px;line-height:180%;letter-spacing:.02em;color:#022f5c}