*{
		box-sizing: border-box;
	}
	body{
		overflow-x:hidden;
	}
	a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {
	  font-family: "Lexend", sans-serif;
	  font-optical-sizing: auto; 
	  font-style: normal;
	  font-variation-settings:
	    "slnt" 0,
	    "CRSV" 0,
	    "SHRP" 0;
	  font-display: swap;
	  margin:0;
	}
	html {
	    scroll-behavior: smooth;
	}
	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:#155F7A;border-radius:5px;}
	::-webkit-scrollbar-thumb:hover{background:#155F7A80;}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 85%;
	    margin: auto;
	} 
	.row {
	  display: flex;
	  flex-wrap: wrap;
	  margin: 0;  
	}
	 strong{
	 	font-weight: bold;
	 } 
	h1 {
	 font-size: 60px;
	 font-weight:400;
	 line-height: 110%;
	 color:#232323;
	}
	h1 strong{
	 color:#155F7A;	
	 font-weight:600;
	}
	h2 {
	 font-size: 45px;
	 font-weight: 500;
	 line-height: 130%;
	 color: #FFFFFF;
	 margin: 0;
	 margin-bottom: 1rem;
	 position:relative;
	}
	 h2.desen::before{
	 	content:"";
	 	position:absolute;
	 	width: 100px;
	 	height: 100px;
	 	left: -30px;
	 	bottom: -20px;
	 	transition:1s;
	 	background: url(../img/desen.gif);
	 	background-size: contain;
	 	background-repeat: no-repeat;
	 }
	 h2.desen::after{
	 	content:"";
	 	position:absolute;
	 	width:0;
	 	height: 0;
	 	left:0;
	 	bottom: 10px;
	 	transition:1.5s;
	 	background: #30728A;
	 }
	h2.desen.active::before{
	}
	h2.desen.active::after{
		width: 0;
		transition-delay:1s;
	}
	h2.desen{
		font-size:60px;
		margin-bottom: 0rem;
		padding-left: 80px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 1rem;
	}
	h3{
		margin-block-start:0;
	}
	  
	h2 strong{color: #8365F6;display:block;}
	h3 {font-size: 35px;line-height:120%;margin-bottom: 2rem;color: #232323;font-weight: 600;}
	h4 {font-size: 30px;color: #232323;font-weight: 300;}
	h4.desen{
		margin-bottom: 0rem;
		padding-left: 0px;
		color: #1D3666;
		margin-bottom: 1rem;
		transition: .5s;
		font-weight: 600;
		position:relative;
	}
	h4.desen.active{ 
		padding-left: 80px; 
	}
	h4.desen::before{
	 	content:"";
	 	position:absolute;
	 	width: 0;
	 	height:2px;
	 	left: 0px;
	 	bottom: 48%;
	 	transition:1s;
	 	background: #1D3666;
	 }
	  
	h4.desen.active::before{
		width: 50px;
	}
	 
	 
	 
	  
	h1.desen.active::before{
		width: 50px;
	}
	h5 {
		font-size: 27px;
		font-weight: 500;
		color: #232323;
	}
	h6 {color: #8E75ED;font-size: 25px;font-style: normal;font-weight: 300;line-height: 136%;letter-spacing: 0.125px;position: relative;margin-bottom: 2rem;}
	 
	p, li, a, td, th {
	    list-style-position: outside;
	    padding: 0;
	    color: #272727;
	    font-kerning: none;
	    font-size: 21px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 150%;
	    letter-spacing: 0px;
	}
	p, a, td, th { 
	    margin-bottom: 2rem;
	}
	li{
		margin-bottom:1rem;
	}
	span{color: #232323;font-kerning: none;font-size: 15px;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:72px;
	 }
	 
	 .pb-96{
	 	padding-bottom:72px;
	 }
	 .pt-48{
	 	padding-top:36px;
	 }
	 .pb-48{
	 	padding-bottom:36px;
	 }
	 .padl-5{
	 	padding-left:5%;
	 }
	 .padr-5{
	 	padding-right:5%;
	 }
	 .mt-96{
	 	margin-top:72px;
	 }
	 .mb-96{
	 	margin-bottom:72px;
	 }
	 .mt-48{
	 	margin-top:36px;
	 }
	 .mb-48{
	 	margin-bottom:36px;
	 }
	 .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
	 }
	 .p-1{padding:1%;}
	 .p-2{padding:2%;} 
	 .p-3{padding:3%;}
	 .p-4{padding:4%;}
	 .p-5{padding:5%;}   
	 
	a{
		text-decoration:none;
	}
	 
		.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{font-size:17px;} 
		.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: 100%;}
		.header-mobile.navbar-mobile-takip .header-mobile-logo img {
	        width: 50%;
	    }
		.header-mobile .header-mobile-hamburger{width: 50%;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: #A790FF;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-logo img{
			filter:brightness(0) invert(1)
		}
		.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 #ffffff;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: #ffffff;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: #4B29F2;
	}
		.mobile-menu-links ul li a, .mobile-menu-links ul li button a{color: #ffffff!important;}
	
		.header-mobile-hamburger span{width:50px;height:5px;background: #8E75ED;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: #ffffff;
			}
			.mobile-menu-kapat-logo .mm-kapat::after{
				background: #6452a5;
			}
	.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:#fff;font-weight:400;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;}
		.panel-mm-acc ul li a{font-size:20px;}
	} 
	   
	 
	.parallaxpart{background-image:url(../img/parallax.webp);min-height:600px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height: 800px;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{text-align:left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 50%;}
	.parallaxpart .textdecor{
	    width: 85%;
	}
	.parallaxpart .textdecor h5{text-align: left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 100%;margin: 2rem auto;}
	.parallaxpart .textdecor a{color:#fff;}
	.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);}
	}
	  
	/**/
	.hocuspusbanner {
	    overflow: hidden;
	    /* min-height: 380px; */
	    background-attachment: fixed;
	    background-position: top;
	    background-repeat: no-repeat;
	    position: relative;
	    background-size: contain;
	    }
	.hocuspusbanner .film{
		width:100%;
		height:100%;
		background: linear-gradient(45deg, #0B285F80, transparent);
	} 
	.hocuspusbanner .arrowbanner{
		position:absolute;
		left:5%;
		bottom:30%;
	}
	.hocuspusbanner .arrowbanner img{
		width:max-content;
		height:max-content;
	}
	.hocuspusbanner img{height: 100%;filter:blur(0px);width: 100%;position: absolute;top: 0;left: 0;}
	.hocuspusbanner{/* height: 380px; */height: 100vh;}
	.hocuspusbanner .izlencetext{
	       position: absolute;
	       left: 5%;
	       bottom: 50%;
	       width: 100%;
	       transition: .5s;
	       transition-delay: .5s;
	       transition-timing-function: ease;
	       z-index: 9;
	       transform: translate(-100px, 0px);
	}
.hocuspusbanner.active .izlencetext{
	        
	       transform: translate(-0px, 0px);
	}
	.hocuspusbanner .izlencetext ul {
	    list-style: none;
	    padding: 0;
	    display: flex
	;
	    justify-content: flex-start;
	    margin-bottom: 0;
	}
	.hocuspusbanner .izlencetext ul li {
	    margin-right: 10px;
	}
	.hocuspusbanner .izlencetext ul li a{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.hocuspusbanner .izlencetext ul li a img{
		display:block;
		width:max-content;height:max-content;
		margin-right:10px
	}
	.hocuspusbanner .izlencetext ul li a {
	                font-weight: 400;
	                letter-spacing: .02em;
	                color: #fff;
	                font-size: 15px;
	                font-weight: 300
	            }
	
	            .hocuspusbanner .izlencetext h2 {
	                color: #fff;
	                width: 30%;
	            }
	            .hocuspusbanner h4 {
	             position:absolute;
	             left: 40%;
	             bottom: 20%;
	             color:#fff;
	             font-weight:bold;
	             width: 30%;
	            }
	
	            
	
	            .hocuspusbanner .izlencetext h5 {
	                color: #fff;
	                width: 70%;
	                margin-top: 1rem
	            }
	.hocuspusbanner h1 {font-size: 55px;font-weight: 700;}
	.hocuspusbanner h6 {color:#323232;font-weight: 700;}
	.hocuspusbanner .desen{
	    /* position: absolute; */
	    /* z-index: 1; */
	    /* left: 0; */
	    /* bottom: 0; */
	}
	.hocuspusbanner .desen img{
	    display: block;
	    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	    transition: 1.5s;
	    transition-delay: 2s;
	} 
	.hocuspusbanner.active .desen img{
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
	
	@media (min-width: 1200px){
	.hocuspusbanner img{
		/* display:none; */
	}
	}
	@media (max-width: 1200px){
	.hocuspusbanner img{
		display:block;
	}
	.hocuspusbanner .izlencetext { 
	        opacity: 1 !important;
	    }
	    .hocuspusbanner { 
	        margin-top: 100px;
	    }
	        .hocuspusbanner img { 
	        width: 100%;
	    }
	}
	@media (max-width: 900px){
	.hocuspusbanner img{height:300px;filter:blur(0px);}
	.hocuspusbanner{height:300px;}
	}
	@media (max-width: 600px){
	.hocuspusbanner .izlencetext{position:absolute;left:5%;bottom:30%;width:90%;}
	.hocuspusbanner .izlencetext ul li{text-align:left;}
	.hocuspusbanner img{object-position:30% 0;}
	.hocuspusbanner .mobileizlencetext{padding:9%;position:relative;z-index:9;}
	.hocuspusbanner .mobileizlencetext ul{list-style:none;padding:0;display:flex;justify-content:flex-start;margin-bottom:0rem;}
	.hocuspusbanner .mobileizlencetext ul li{text-align:left;}
	.hocuspusbanner .mobileizlencetext ul li a{font-weight:400;letter-spacing:0.02em;color:#FFFFFF;font-size:15px;font-weight:300;}
	.hocuspusbanner .mobileizlencetext ul li:last-child a{font-weight:600;}
	.hocuspusbanner .mobileizlencetext ul li a{font-size:10px;}
	.hocuspusbanner .mobileizlencetext h1{font-size:20px;margin-top:1rem;}
	}
	 @media (max-width: 1682px){
	.hocuspusbanner {
	        min-height: 330px; 
	    }
	}
	@media (max-width: 1550px){
	.hocuspusbanner .izlencetext ul{margin-bottom:1rem;}
	.hocuspusbanner{min-height:450px;}
	}
	 
	@media (max-width: 1400px){ 
	.hocuspusbanner{min-height:380px;}
	}
	@media (max-width: 1300px){
	.hocuspusbanner .izlencetext ul{margin-bottom:1rem;}
	.hocuspusbanner{min-height:380px;}
	}
	@media (max-width: 1200px){ 
	.hocuspusbanner{min-height:300px;}
	.hocuspusbanner .film{height:300px;}
	.hocuspusbanner .izlencetext{width:80%;}
	.hocuspusbanner .izlencetext ul li a{font-size:10px;}
	.hocuspusbanner{height:300px;}
	}
	@media (min-width:900px){
	.mobil{display:none;}
	}
	@media (max-width: 900px){
	.mobil{display:block;}
	.hocuspusbanner{min-height:300px;}
	.hocuspusbanner .film{height:auto;}
	.hocuspusbanner img{height:300px;}
	.hocuspusbanner{height:300px;}
	.hocuspusbanner .izlencetext ul li a{font-size:13px;}
	.hocuspusbanner .izlencetext ul li{margin-bottom:0;}
	}
	@media (min-width: 600px){
	.hocuspusbanner .mobileizlencetext{display:none;}
	}
	@media (max-width: 600px){
	.hocuspusbanner .film{opacity:0;} 
	
	.hocuspusbanner img{height:auto;}
	.hocuspusbanner{height:auto;background:#072b4d!important;margin-top:2rem;}
	.hocuspusbanner .izlencetext ul li{margin-right:0px;}
	.hocuspusbanner .film{z-index:9;}
	.hocuspusbanner .izlencetext{z-index:99;}
	.hocuspusbanner img{object-position:50%!important;}
	.hocuspusbanner .mobileizlencetext ul li{text-align:left;margin:0;}
	.hocuspusbanner .mobileizlencetext{padding:5% 9%;position:relative;z-index:9;}
	.hocuspusbanner{min-height:auto;}
	.hocuspusbanner .mobileizlencetext ul li{width:max-content;display:inline;}
	.hocuspusbanner .mobileizlencetext ul{display:inline-block;}
	}
	.iletisimformu{
	    background: #F7F7F7;
	}
	.iletisimformu h4{}
	.iletisimformu h6{
	    font-weight: 600;
	    color: #1D3666;
	    width: 60%;
	}
	.iletisimformu .row{
	    justify-content: space-between;
	}
	.iletisimformu .w30{
	    margin-top: 3rem;
	}
	.iletisimformu .w100{
	    margin-top: 3rem;
	}
	.iletisimformu .w30 .field{
	    width: 100%;
	}
	.iletisimformu .w30 .field input{}
	.iletisimformu .w30 .field label{}
	
	
	.field {
	    position: relative;
	  }
	
	  .field input {
	    width: 100%;
	    padding: 16px 12px;
	    font-size: 16px;
	    border: 1.5px solid #bbb;
	    border-radius: 8px;
	    background: transparent;
	    outline: none;
	    transition: border-color 0.3s;
	  }
	.field label {
	  position: absolute;
	  left: 12px;
	  top: 25px;
	  transform: translateY(-50%);
	  font-size: 16px;
	  color: #888;
	  background: #f5f5f5;
	  padding: 0 6px;
	  pointer-events: none;
	  transition: 0.3s ease;
	}
	
	
	  .field input:focus {
	    border-color: #A790FF;
	  }
	
	  .field input:focus + label,
	  .field input:not(:placeholder-shown) + label {
	    top: 0;
	    font-size: 13px;
	    color: #A790FF;
	  }
	  .field textarea {
	  width: 100%;
	  padding: 16px 12px;
	  font-size: 16px;
	  border: 1.5px solid #bbb;
	  border-radius: 8px;
	  background: transparent;
	  outline: none;
	  resize: vertical;
	  transition: border-color 0.3s;
	}
	
	.field textarea:focus {
	  border-color: #1D3666;
	}
	
	.field textarea:focus + label,
	.field textarea:not(:placeholder-shown) + label {
	  top: 0;
	  font-size: 13px;
	  color: #1D3666;
	}
	.field select {
	  width: 100%;
	  padding: 16px 12px;
	  font-size: 16px;
	  border: 1.5px solid #bbb;
	  border-radius: 8px;
	  background: transparent;
	  outline: none;
	  appearance: none;
	  cursor: pointer;
	  transition: border-color 0.3s;
	}
	
	.field select:focus {
	  border-color: #1D3666;
	}
	
	.field select:focus + label,
	.field select:valid + label {
	  top: 0;
	  font-size: 13px;
	  color: #1D3666;
	}
	/* Ok */
	.select-arrow {
	  position: absolute;
	  right: 14px;
	  top: 50%;
	  transform: translateY(-50%);
	  color: #777;
	  pointer-events: none;
	  transition: transform 0.3s ease, color 0.3s ease;
	}
	
	/* Focus olunca ok dönsün */
	.field select:focus ~ .select-arrow {
	  transform: translateY(-50%) rotate(180deg);
	  color: #1D3666;
	}
	.iletisimformu .btn-teksen{
		margin-left:auto;
	}
	
	.bizkimiz{
	    background: #0C0B13;
	}
	.bizkimiz .w50{}
	.bizkimiz .w50 img{
		mix-blend-mode:screen;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.bizkimiz .w50 h2{
	    z-index: 9;
	}
	.bizkimiz .w50 h6{
	    font-weight: 600;
	}
	.bizkimiz .w50 p{
	    color: #ffffff;
	}
	.bizkimiz .w50 p strong{}
	.hocuspusbtn{
	    color: #ffffff;
	    background: #4B29F2;
	    padding: 15px 70px 15px 30px;
	    position: relative;
	    border: 4px solid #A790FF;
	    border-radius: 30px;
	    margin-top: 2rem;
	    display: block;
	    width: max-content;
	    transition: .5s;
	}
	.hocuspusbtn img{
	    position: absolute;
	    right: 23px;
	    object-fit: contain;
	    width: 15px!important;
	    top: 26px;
	    transition: .5s;
	    height: auto;
	    left: inherit;
	}
	.hocuspusbtn:hover{
		background:#fff;
		color:#A790FF;
		animation: glowPulse .5s infinite;
	}
	@keyframes glowPulse {
	  0% {
	    box-shadow: 0 0 5px #a790ff;
	  }
	  50% {
	    box-shadow: 0 0 30px #a790ff; 
	  }
	  100% {
	    box-shadow: 0 0 5px #a790ff;
	  }
	}
	.hocuspusbtn:hover img{
	    filter: invert(30%) 
	    sepia(60%) 
	    saturate(290%) 
	    hue-rotate(200deg) 
	    brightness(95%) 
	    contrast(90%);
	    right: 15px;
	    }
	.hizmetlerimiz{}
	.hizmetlerimiz h2{
	    color: #11063C;
	    text-align: center;
	    width: max-content;
	    margin: auto;
	    margin-bottom: 1rem;
	}
	.hizmetlerimiz h6{
	    text-align: center;
	    margin-bottom: 2rem;
	    font-weight: 500;
	}
	.hizmetlerimiz h6 strong{
	    color: #11063C;
	    display: block;
	}
	.hizmetlerimiz .etkinlikcard{
	    width: 30%;
	    position: relative;
	}
	.hizmetlerimiz .etkinlikcard:nth-child(1){
	    margin-right:1.5%
	}
	.hizmetlerimiz .etkinlikcard:nth-child(2){
	    margin-right:1.5%;
		margin-left:1.5%;
	}
	
	.hizmetlerimiz .etkinlikcard:nth-child(3){
	    margin-left:1.5%
	}
	.hizmetlerimiz .etkinlikcard .textdec{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: flex-start;
	    flex-direction: column;
	    padding: 40px;
	}
	.hizmetlerimiz .etkinlikcard .textdec h1{
	    font-size: 40px;
	    font-weight: bold;
	    color: #ffffff;
	    transform: translate(0px, 40px);
	    transition: .5s;
	}
	.hizmetlerimiz .etkinlikcard .textdec span{
	    color: #ffffff;
	    width: 80%;
	    opacity: 0;
	    transition: .5s;
	    transform: translate(0px, 40px);
	}
	.hizmetlerimiz .etkinlikcard .textdec .btns{
	    width: 80px;
	    height: 80px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    background: #4B29F2;
	    border-radius: 50%;
	    border: 2px solid #A790FF;
	    position: absolute;
	    right: 3%;
	    bottom: 3%;
	    opacity: 0;
	    transition: .5s;
	}
	.hizmetlerimiz .etkinlikcard .textdec .btns img{}
	.hizmetlerimiz .etkinlikcard .textdec .film{}
	.hizmetlerimiz .etkinlikcard .images{
	    height: 550px;
	    overflow: hidden;
	}
	.hizmetlerimiz .etkinlikcard .images img{
	    width: 100%;
	    object-fit: cover;
	    height: 100%;
	    transition: .5s;
	}
	.hizmetlerimiz .etkinlikcard .absolulink{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:9
	}
	.hizmetlerimiz .etkinlikcard:hover .textdec{}
	.hizmetlerimiz .etkinlikcard:hover .textdec h1{
	    transform: translate(0);
	    transition-delay: .1s;
	}
	.hizmetlerimiz .etkinlikcard:hover .textdec span{
	    opacity: 1;
	    transform: translate(0px, 0px);
	}
	.hizmetlerimiz .etkinlikcard:hover .textdec .btns{
	    opacity: 1;
	}
	.hizmetlerimiz .etkinlikcard:hover .textdec .btns img{}
	.hizmetlerimiz .etkinlikcard:hover .textdec .film{}
	.hizmetlerimiz .etkinlikcard:hover .images{}
	.hizmetlerimiz .etkinlikcard:hover .images img{
	    transform: scale(1.05);
	}
	.ref-wrapper {
	  overflow: hidden;
	  width: 100%;
	}
	
	.ref-track {
	  display: flex;
	  gap: 40px;
	  width: max-content;
	  animation: scroll 35s linear infinite;
	}
	
	.ref-item {
	  min-width: 200px;
	  height: 150px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.ref-wrapper {
	  position: relative;
	}
	
	.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, #11063C, transparent);
	}
	
	.ref-wrapper::after {
	  right: 0;
	  background: linear-gradient(to left, #11063C, transparent);
	}
	
	@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;
	}
	.referanslarimiz{
	    background: #11063C;
	}
	.referanslarimiz img{object-fit: contain;width: 100%;height: 100%;}
	
	.nasilyapiyoruz{
		background:#0B0A12;
		position: relative;
		overflow: hidden;
	}
	.nasilyapiyoruz .w20{
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}
	.nasilyapiyoruz .w60{
	    height: 80vh;
	}
	.nasilyapiyoruz .w60 .ntab-1{
	    bottom: 15%;
	}
	.nasilyapiyoruz .w60 .ntab-2{
		bottom: 50%;
		left:10%
	}
	.nasilyapiyoruz .w60 .ntab-3{
		bottom: 69%;
		left: 42%;
	}
	.nasilyapiyoruz .w60 .ntab-4{
		bottom: 50%;
		right: 15%;
	}
	.nasilyapiyoruz .w60 .ntab-5{
		 bottom: 15%;
		 right: 5%;
	}
	
	.nasilyapiyoruz .w60 .ntab.active::before{ 
		opacity:1;
	}
	.nasilyapiyoruz .w60 .ntab::before{
		content:"";
		position: absolute;
		top:-20px;
		left:-20px;
		width:130px;
		height:130px;
		background:#ffffff22;
		border-radius:50%;
		transition: .5s;
		z-index: -1;
		backdrop-filter: blur(4px);
	}
	@keyframes hareketli {
	  0% {
	    box-shadow: 0 0 5px #a790ff;
	  }
	  50% {
	    box-shadow: 0 0 30px #a790ff;
	  }
	  100% {
	    box-shadow: 0 0 5px #a790ff;
	  }
	}
	.nasilyapiyoruz .w60 .ntab:hover{ 
		transform: scale(1.2);
		animation: hareketli 1s infinite;
	}
	.nasilyapiyoruz .w60 .ntab{
		position:absolute;
		background: #FFFFFF10;
		width:90px;
		height:90px;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:50%;
		opacity: 1;
		backdrop-filter:blur(4px);
		border:1px solid #ffffff;
		cursor:pointer;
		transition:.5s;
		z-index: 9;
	}
	
	.nasilyapiyoruz .w60 .ntab.active{
		background:#8365F6;
		opacity:1;
		animation: hareketli 2s infinite;
		transform: scale(1.2);
		
	}
	.nasilyapiyoruz .w60 .ntab img{
		width:50px;
		height:50px;
		object-fit:contain;
		filter:brightness(0) invert(1);
		position: relative;
		z-index: 9;
		opacity: .4;
	}

	.nasilyapiyoruz .w60 .ntab.active img{
		opacity:1;
	}
	.nasilyapiyoruz .w60 .imagebox{
	    position: absolute;
	    bottom: 0;
	    width: 450px;
	    height: 450px;
	}
	.nasilyapiyoruz .w60 .imagebox svg{
	    opacity: 0;
	    position:absolute;
	    bottom: -5%;
	    left: 53%;
	    width: 100%;
	    border-radius: 50%;
	    /* object-fit: cover; */
	    height: 100%;
	    /* clip-path: circle(0% at 50% 50%); */
	    transition:1s;
	    transition-delay:.2s;
	    display: none;
	    z-index: 9;
	}
	.nasilyapiyoruz .w60 .imagebox svg.active{
	    opacity: 1;
	    transition-delay:.7s;
	    display: block;
	}
	.nasilyapiyoruz .w20 ul{
		padding:0;
		
	}
	.nasilyapiyoruz .w20 ul li{
	    color: #FFFFFF30;
	    font-size:22px;
	    cursor: pointer;
		transition:.5s;
	}
	.nasilyapiyoruz .w20 ul li.active{
	    color: #8365F6; 
		font-weight:bold;
	}
	.nasilyapiyoruz .w20 .textbox{
	    position: absolute;
	    left: 10%;
	    bottom: 30%;
	    opacity: 0;
	}
	.nasilyapiyoruz .w20 .textbox img{
	    margin-bottom: 20px;
	}
	.nasilyapiyoruz .w20 .textbox h6{margin-bottom: 20px;}
	.nasilyapiyoruz .w20 .textbox p{
		color:#ffffff80;
		width:120%
	} 
	.nasilyapiyoruz .w20 .textbox.active{
		opacity:1;
	}
	.nasilyapiyoruz .w20 .textbox h6{
									 opacity:0;
									 transition-delay:.3s;
									 transition:.5s;
									 transform:translate(0px, 40px);
									 font-weight: bold;
									} 
	.nasilyapiyoruz .w20 .textbox img{
									opacity:0;
									transition:.5s;
									transform:translate(0px, 40px);
									transition-delay: 1s;
									}
	.nasilyapiyoruz .w20 .textbox p{opacity:0;transition:.5s;
									transform:translate(0px, 40px);
									 transition-delay:.7s;
								   }
	.nasilyapiyoruz .w20 .textbox.active h6{
		opacity:1;
		transition:.5s;
		transform:translate(0px, 0px);
		transition-delay: .5s;
	} 
	.nasilyapiyoruz .w20 .textbox.active img{
		opacity:1;
		transition:.5s;
		transform:translate(0px, 0px);
		transition-delay: .3s;
	}
	.nasilyapiyoruz .w20 .textbox.active p{
		opacity:1;
		transition:.5s;
		transform:translate(0px, 0px);
		transition-delay: .7s;
	}
	 
	.nasilyapiyoruz::before {
	  content: "";
	  position: absolute;
	  inset: 0;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  background:url(../img/bgs.webp);
	  background-size: cover;
	  background-repeat:no-repeat;
	}  
	#parentsa::before {
		content: "";
		position: absolute;
		left:40px;
		width: 850px;
		height: 850px;
		border-radius: 50%;
		border: 2px solid #8365F650;
		border-left-color: #8365F650;
		border-bottom-color: #8365F650;
		transform:rotate(-45deg);
		top: 25%;
		z-index: 0;
	}
	
	.particles {
	            position: absolute;
	            width: 100%;
	            height: 100%;
	            overflow: hidden;
	            z-index: 0;
	        }
	
	        .particle {
	            position: absolute;
	            width: 4px;
	            height: 4px;
	            background: rgba(167, 139, 250, 0.3);
	            border-radius: 50%;
	            animation: float 15s infinite;
	        }
	
	        @keyframes float {
	            0%, 100% {
	                transform: translateY(100vh) rotate(0deg);
	                opacity: 0;
	            }
	            10% {
	                opacity: 1;
	            }
	            90% {
	                opacity: 1;
	            }
	            100% {
	                transform: translateY(-100vh) rotate(720deg);
	                opacity: 0;
	            }
	        }
	
	        .play-container p{
				margin:0;
				letter-spacing:.1px;
				font-size:18px;
			} 
	        .play-container {
	            position: relative;
	            z-index: 10;
	            display: flex;
	            gap: 30px;
	            align-items: center;
	        }
	 
	        .play-button {
	            width: 120px;
	            height: 120px;
	            background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 50%, #c4b5fd 100%);
	            border-radius: 50%;
	            display: flex;
	            justify-content: center;
	            align-items: center;
	            cursor: pointer;
	            position: relative;
	            box-shadow: 
	                0 10px 40px rgba(139, 92, 246, 0.4),
	                0 0 0 0 rgba(139, 92, 246, 0.7);
	            transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	            animation: pulse 2s infinite;
	        }
	 
	        @keyframes pulse {
	            0% {
	                box-shadow: 
	                    0 10px 40px rgba(139, 92, 246, 0.4),
	                    0 0 0 0 rgba(139, 92, 246, 0.7);
	            }
	            70% {
	                box-shadow: 
	                    0 10px 40px rgba(139, 92, 246, 0.4),
	                    0 0 0 30px rgba(139, 92, 246, 0);
	            }
	            100% {
	                box-shadow: 
	                    0 10px 40px rgba(139, 92, 246, 0.4),
	                    0 0 0 0 rgba(139, 92, 246, 0);
	            }
	        }
	 
	        .play-icon {
	            width: 0;
	            height: 0;
	            border-left: 35px solid white;
	            border-top: 20px solid transparent;
	            border-bottom: 20px solid transparent;
	            margin-left: 8px;
	            transition: all 0.3s ease;
	            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
	        } 
	        .pause-icon {
	            display: none;
	            width: 40px;
	            height: 40px;
	            position: relative;
	        }
	
	        .pause-icon::before,
	        .pause-icon::after {
	            content: '';
	            position: absolute;
	            width: 12px;
	            height: 40px;
	            background: white;
	            border-radius: 3px;
	            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	        }
	
	        .pause-icon::before {
	            left: 0;
	        }
	
	        .pause-icon::after {
	            right: 0;
	        }
	 
	        .play-button:hover {
	            transform: scale(1.1) rotate(5deg);
	            box-shadow: 
	                0 20px 60px rgba(139, 92, 246, 0.6),
	                0 0 0 0 rgba(139, 92, 246, 0.7);
	        }
	
	        .play-button:hover .play-icon {
	            border-left-color: #fff;
	            transform: scale(1.1);
	        }
	 
	        .play-button.active {
	            background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
	            animation: none;
	            box-shadow: 
	                0 5px 20px rgba(139, 92, 246, 0.4),
	                inset 0 2px 10px rgba(0,0,0,0.2);
	        }
	
	        .play-button.active .play-icon {
	            display: none;
	        }
	
	        .play-button.active .pause-icon {
	            display: block;
	        }
	 
	        .ripple {
	            position: absolute;
	            border-radius: 50%;
	            background: rgba(255, 255, 255, 0.6);
	            transform: scale(0);
	            animation: ripple-effect 0.6s ease-out;
	            pointer-events: none;
	        }
	
	        @keyframes ripple-effect {
	            to {
	                transform: scale(4);
	                opacity: 0;
	            }
	        }
	 
	        .orbit-ring {
	            position: absolute;
	            border: 2px solid rgba(167, 139, 250, 0.3);
	            border-radius: 50%;
	            top: 50%;
	            left: 50%;
	            transform: translate(-50%, -50%);
	            pointer-events: none;
	        }
	
	        .orbit-ring:nth-child(1) {
	            width: 160px;
	            height: 160px;
	            animation: rotate 10s linear infinite;
	        }
	
	        .orbit-ring:nth-child(2) {
	            width: 200px;
	            height: 200px;
	            border-color: rgba(167, 139, 250, 0.2);
	            animation: rotate-reverse 15s linear infinite;
	        }
	
	        .orbit-ring:nth-child(3) {
	            width: 240px;
	            height: 240px;
	            border-color: rgba(167, 139, 250, 0.1);
	            animation: rotate 20s linear infinite;
	        }
	
	        @keyframes rotate {
	            from { transform: translate(-50%, -50%) rotate(0deg); }
	            to { transform: translate(-50%, -50%) rotate(360deg); }
	        }
	
	        @keyframes rotate-reverse {
	            from { transform: translate(-50%, -50%) rotate(360deg); }
	            to { transform: translate(-50%, -50%) rotate(0deg); }
	        }
	 
	        .status-text {
	            color: #a78bfa;
	            font-size: 18px;
	            font-weight: 300;
	            letter-spacing: 3px;
	            text-transform: uppercase;
	            opacity: 0.8;
	            transition: all 0.3s ease;
	            text-shadow: 0 0 20px rgba(167, 139, 250, 0.5);
	        }
	
	        .status-text.playing {
	            color: #c4b5fd;
	            text-shadow: 0 0 30px rgba(196, 181, 253, 0.8);
	        }
	
	        /* Müzik çubukları animasyonu */
	        .music-bars {
	            display: none;
	            position: absolute;
	            bottom: -60px;
	            left: 50%;
	            transform: translateX(-50%);
	            gap: 4px;
	            align-items: flex-end;
	            height: 40px;
	        }
	
	        .music-bars.active {
	            display: flex;
	        }
	
	        .bar {
	            width: 4px;
	            background: linear-gradient(to top, #8b5cf6, #c4b5fd);
	            border-radius: 2px;
	            animation: dance 0.8s ease-in-out infinite alternate;
	        }
	
	        .bar:nth-child(1) { height: 20px; animation-delay: 0s; }
	        .bar:nth-child(2) { height: 35px; animation-delay: 0.1s; }
	        .bar:nth-child(3) { height: 25px; animation-delay: 0.2s; }
	        .bar:nth-child(4) { height: 40px; animation-delay: 0.3s; }
	        .bar:nth-child(5) { height: 30px; animation-delay: 0.4s; }
	
	        @keyframes dance {
	            0% { transform: scaleY(0.5); opacity: 0.5; }
	            100% { transform: scaleY(1); opacity: 1; }
	        }
	
	        /* Glow efekti */
	        .glow {
	            position: absolute;
	            width: 100%;
	            height: 100%;
	            border-radius: 50%;
	            background: radial-gradient(circle, rgba(139, 92, 246, 0.4) 0%, transparent 70%);
	            filter: blur(20px);
	            opacity: 0;
	            transition: opacity 0.3s ease;
	            z-index: -1;
	        }
	
	        .play-button:hover .glow {
	            opacity: 1;
	        }
	
	        /* Başlık */
	        .title {
	            position: absolute;
	            top: 50px;
	            color: white;
	            font-size: 32px;
	            font-weight: 200;
	            letter-spacing: 8px;
	            text-transform: uppercase;
	            opacity: 0.9;
	            text-shadow: 0 0 40px rgba(139, 92, 246, 0.5);
	        }
	.hakkimizda{
	    background: #F2F2F2;
	    position: relative;
	    padding-top:10%;
	}
	.hakkimizda .desenk{
	    position: absolute;
	    top: 2%;
	    left: 5%;
	}
	.hakkimizda .desenk img{}
	.hakkimizda .w50:last-child{
		height: max-content;
    position: sticky;
    top: 15%;
	}
		.hakkimizda .w50 img{
			width:100%;
		}
	.hakkimizda .w50::first-child{}
	.hakkimizda .w50 h2{
	    font-weight: bold;
	    color: #161616;
	    width: 80%;
	    margin-bottom: 3rem;
	}
	.hakkimizda .w50 p{
	}
	.hakkimizda .w50 p strong{}
	.hakkimizda .row .row{
	    justify-content: space-between;
	}
	.hakkimizda .row .row .w100{
	    margin-bottom: 3rem;
	}
	.hakkimizda .row .row .w100 span{
	    color: #1C143C;
	    font-size: 120px;
	    font-weight: bold;
	    line-height: 110%;
	    letter-spacing: 5px;
	}
	.hakkimizda .row .row .w100 p{
	    margin: 0;
	    border-top: 1px solid #BCBCBC;
	    padding-top: 15px;
	    font-weight: bold;
	    color: #161616;
	}
	.hakkimizda .row .row .w100 .odometer{}
	.hakkimizda .row .row .w50 span{
	    color: #8365F6;
	    font-size: 60px;
	    font-weight: bold;
	    line-height: 110%;
	    letter-spacing: 3px;
	}
	.hakkimizda .row .row .w50 p{
	    margin: 0;
	    border-top: 1px solid #BCBCBC;
	    padding-top: 15px;
	    font-weight: bold;
	    color: #161616;
	}
	.hakkimizda .row .row .w50 .odometer{}
	.hakkimizda .row .row .w50{
	    width: 40%;
	}
	.accordionak {
	  max-width: 600px;
	}
	
	.accak-item {
	  border-bottom: 1px solid #ddd;
	  padding-bottom: 1rem;
	}
	
	.accak-title {
	  cursor: pointer;
	  padding: 10px 45px;
	  font-weight: 600;
	  position: relative;
	  font-size: 25px;
	}
	
	.accak-title::after {
	  content: "+";
	  position: absolute;
	  left: 10px;
	  transition: 0.2s;
	}
	
	.accak-item.active .accak-title::after {
	  content: "-";
	}
	
	.accak-content {
	  height: 0;
	  overflow: hidden;
	  transition: height 0.3s ease;
	  padding: 0 15px;
	}
	.yaklasim{}
	.yaklasim .w50{}
	.yaklasim .w50 img{
	    width: 100%;
	}
	.yaklasim .w50 h2{
	    color: #11063C;
	}
	.yaklasim .w50 h2.desen{}
	.yaklasim .w50 h2 strong{
	    color: #8365F6;
	}
	.yaklasim .w50 .accordionak{}
	
	.slider {
	  overflow: hidden;
	  position: relative;
	}
	
	.slider-track {
	  display: flex;
	  transition: transform 0.6s ease;
	}
	
	.slide {
	  flex: 0 0 33.33%;
	  padding: 0 10px;
	  box-sizing: border-box;
	}
	
	.slide img {
	  width: 100%;
	  border-radius: 10px;
	  display: block;
	} 
	
	/* ortadaki vurgu */
	.slide.active img {
	  transform: scale(1.05);
	  transition: 0.3s;
	}
	
	.gall{}
	.gall .owl-carousel{}
	.gall .owl-carousel .item{}
	.gall .owl-carousel .item img{}
	.gall .owl-carousel .owl-item.active .item{}
	.gall .owl-carousel .owl-item.active .item img{}
	.iletisimformu .w30 .field{
	    width: 100%;
	}
	.iletisimformu .w30 .field input{}
	.iletisimformu .w30 .field label{}
	
	
	.field {
	    position: relative;
	  }
	
	  .field input {
	    width: 100%;
	    padding: 16px 12px;
	    font-size: 16px;
	    border: 1.5px solid #bbb;
	    border-radius: 8px;
	    background: transparent;
	    outline: none;
	    transition: border-color 0.3s;
	  }
	.field label {
	  position: absolute;
	  left: 12px;
	  top: 25px;
	  transform: translateY(-50%);
	  font-size: 16px;
	  color: #888;
	  background: #f5f5f5;
	  padding: 0 6px;
	  pointer-events: none;
	  transition: 0.3s ease;
	} 
	  .field input:focus {
	    border-color: #A790FF;
	  } 
	  .field input:focus + label,
	  .field input:not(:placeholder-shown) + label {
	    top: 0;
	    font-size: 13px;
	    color: #A790FF;
	  }
	  .field textarea {
	  width: 100%;
	  padding: 16px 12px;
	  font-size: 16px;
	  border: 1.5px solid #bbb;
	  border-radius: 8px;
	  background: transparent;
	  outline: none;
	  resize: vertical;
	  transition: border-color 0.3s;
	} 
	.field textarea:focus {
	  border-color: #1D3666;
	} 
	.field textarea:focus + label,
	.field textarea:not(:placeholder-shown) + label {
	  top: 0;
	  font-size: 13px;
	  color: #1D3666;
	}
	.field select {
	  width: 100%;
	  padding: 16px 12px;
	  font-size: 16px;
	  border: 1.5px solid #bbb;
	  border-radius: 8px;
	  background: transparent;
	  outline: none;
	  appearance: none;
	  cursor: pointer;
	  transition: border-color 0.3s;
	} 
	.field select:focus {
	  border-color: #1D3666;
	} 
	.field select:focus + label,
	.field select:valid + label {
	  top: 0;
	  font-size: 13px;
	  color: #1D3666;
	} 
	.select-arrow {
	  position: absolute;
	  right: 14px;
	  top: 50%;
	  transform: translateY(-50%);
	  color: #777;
	  pointer-events: none;
	  transition: transform 0.3s ease, color 0.3s ease;
	} 
	.field select:focus ~ .select-arrow {
	  transform: translateY(-50%) rotate(180deg);
	  color: #1D3666;
	}
	.iletisimform .w50:last-child{display: flex;justify-content: center;align-items: center;}
	.iletisimform{
	    background: #f2f2f2;
	}
	.iletisimform .container{}
	.iletisimform .container .formwidget h5{
		margin-bottom:2rem;
		font-weight:600
	}
	.iletisimform .container .formwidget{
	    justify-content: space-between;
	    padding: 40px 40px;
	    background: #ffffff;
	    border-radius: 20px;
	    width: 80%;
	    z-index: 9;
	}
	.iletisimform .container .formwidget .w50 input{}
	.iletisimform .container .formwidget .w100 input{}
	.iletisimform .container .formwidget .w50 label{}
	.iletisimform .container .formwidget .w100 label{}
	.iletisimform .container .formwidget .w100{
	    margin-bottom: 2rem;
	}
	.iletisimform .container .formwidget .w50{
	    margin-bottom: 2rem;
	}
	.iletisimform .container .formwidget a{
		margin: 0;
	}
	
	.iletisimform h2.desen{
	    color: #11063C;
	    width: 100%;
	}
	.iletisimform h2{
	    width: 80%;
	    margin-bottom: 2rem;
	}
	.iletisimform p{}
	.iletisimform h6{
		color:#000000;
		font-weight:600
	}
	
.footerdoc{
    position: relative;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 6%;
}
.footerdoc::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 5%;
    box-shadow: 0px 0px 120px #1e1649;
    background: transparent;
}
.footerdoc .back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.footerdoc .back img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footerdoc .row{
    height: 100%;
}
.footerdoc .row .w30{}
.footerdoc .row .w30 img{
    width: 90%;
    /* transform: translate(-84px, 0px); */
    margin-bottom: 2rem;
}
.footerdoc .row .w30 h3{
    color: #fff;
    width:0;
    transition: width 0.3s;
    height: 100px;
    width: 100%;
}
.footerdoc .row .w20{}
.footerdoc .row .w20 ul{}
.footerdoc .row .w20 ul li{
    list-style: none;
}
.footerdoc .row .w20 ul li a{
    color: #fff;
}
.footerdoc .row .w50{}
.footerdoc .row .w50 h6{
    color: #ffffff;
    opacity: 0.4;
    margin-bottom: .5rem;
}
.footerdoc .row .w50 p{
    margin-bottom: 1rem;
	color:#fff;
}
.footerdoc .row .w50 p:nth-child(2){
    margin-bottom: 4rem;
} 
.footerdoc .row .w50 span{
	color: #fff;
    font-weight: bold;
	font-size:inherit;
	opacity:0.4
}
.krmetkinlikler{}
.krmetkinlikler .container{}
.krmetkinlikler .container .row{}
.krmetkinlikler .container .row .w50{}
.krmetkinlikler .container .row .w50 img{
    width: 100%;
    object-fit: cover;
    max-height: 1100px;
}
.krmetkinlikler .container .row .w50 h3.active::after{
	width:100%;
}
.krmetkinlikler .container .row .w50 h3::after{
	content:"";
	width:0%;
	height:3px;
	background:#8365F6;
	position:absolute;
	left:0;
	bottom:0;
	transition:2s;
	transition-delay:1s;
}
.krmetkinlikler .container .row .w50 h3{
	position:relative;
    color: #161616; 
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.krmetkinlikler .container .row .w50 p{
    width: 100%;
}
.krmetkinlikler .container h2{
    color: #11063C;
}
.krmetkinlikler .container p{
    width: 50%;
} 
.iletisimform.banner.hocuspusbanner .container{
    position: absolute;
    bottom: 5%;
    left: 10%;
} 
.iletisim{
    position: relative;
}
 
.iletisim .w40{}
.iletisim .w40 img{
    transform: translate(-85px, 0px);
    width: 70%;
    margin-bottom: 2rem;
}
.iletisim .w40 p{
    width: 80%;
}
.iletisim .w40 p span{
    color: #00000040;
    font-size: inherit;
}
.iletisim .w60{}
.iletisim .w60 iframe{
    width: 100%;
    height: 100%;
}
.showreel{
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.showreel .videos{
    height: 100%;
}
.showreel .videos video{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.showreel .desco{
    position: absolute;
    left: 5%;
    bottom: 5%;
}
.showreel .desco h3{
    font-size: 55px;
    color: #fff;
    width: 60%;
    height: 200px;
    /* white-space: nowrap; */
    overflow: hidden;
    display: inline-block;
}
.nasilyapiyoruz h2{
		text-align:center;
		width:max-content;
		margin:auto;
	}
	.header-desktop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    z-index: 99;
    padding-bottom: 0px;
    transition: .5s;
    background: #11063C40;
}
	.header-desktop .w20{}
	.header-desktop .w20 a{}
	.header-desktop .w20 a img{}
	.header-desktop .w80{}
	.header-desktop .w80 ul{
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
	.header-desktop .w80 ul li{
    margin: 0;
    list-style: none;
    margin-left: 50px;
}
	.header-desktop .w80 ul li a{
    margin: 0;
    display: block;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 500;
}
	.header-desktop.takip{}
	.header-desktop.takip .w20{}
	.header-desktop.takip .w20 a{}
	.header-desktop.takip .w20 a img{}
	.header-desktop.takip .w80{}
	.header-desktop.takip .w80 ul{}
	.header-desktop.takip .w80 ul li{}
	.header-desktop.takip .w80 ul li a{}
	.header-desktop.takip:hover{}
	.header-desktop:hover{
    background: #11063C;
}
 

.header-desktop .w80 .menu .mega-dropdown ul li {
  position: relative;
  width: calc(28% + 50px);
}
.header-desktop .w80 .menu .mega-dropdown ul li::after {
  content:"";
  position:absolute;
  right: 20px;
  top: 6px;
  width:40px;
  height:40px;
  background:url(../img/arr.webp);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
	transition:.5s;
}
.header-desktop .w80 .menu .mega-dropdown ul li:hover:after{
	right:0
} 
.header-desktop .w80 .menu .mega-dropdown ul li::before {
  content:"";
  position:absolute;
  left:0;
  bottom: 0px;
  width:0%;
  height:3px;
  background: #8365F6;
	transition:.5s;
}
.header-desktop .w80 .menu .mega-dropdown ul li:hover:before {
  width:100%; 
}

.header-desktop .w80 .menu .mega-dropdown ul li a {
  color: #fff;
  font-size: 35px;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  display: block;
}
 
.header-desktop .w80 .mega-menu .mega-dropdown::after{
	content:"";
	position:absolute;
	right:10%;
	bottom:0;
	width:50%;
	height:100%;
	background:url(../img/menudesen.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:99;
}
.header-desktop .w80 .mega-menu .mega-dropdown {
  position: fixed;
  top: 100px; /* header height */
  left: 0;
  width: 100vw;
  background: #11063C;
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
  z-index: 999;
  border-top: 1px solid #ffffff40;
  transition: opacity 0.4s ease, transform 0.4s ease;
  padding: 70px 0px;
}
 
.header-desktop .w80 .mega-dropdown .services {
  list-style: none;
  display: block;
  padding: 0;
}

.header-desktop .w80 .mega-dropdown .services li {
  /* margin-bottom: 10px; */
  margin-left: 0;
}

.header-desktop .w80 .mega-dropdown .services li a {
  color: #000;
}

 input.detect{
	border-color:red;
	border-width:2px;
} 

 .header-desktop .w80 .mega-menu {
  position: relative; 
}

 .header-desktop .mega-menu .mega-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background: #11063C;
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 999;
}
 .accak-content p{
		margin:0;
	}
 
.header-desktop .mega-menu .mega-dropdown.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}