

	@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap");

	
	* {	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
	
	:root {
		font-family: 'Inter', sans-serif;
		--blue: #007bff;
		--red: #dc3545;
		--price-background:rgba(102,153,0,1)
	}
	
	h1, h2, h3, h4 {
		font-family: 'Playfair Display', serif;
	}
	
	
	textarea:focus, input:focus{
		outline: none;
	}
	

	::-webkit-scrollbar {
		width:0px;
		height:0px;
	}

	p {
	  margin: 0px;
	}


	.tox-statusbar__path, .tox-statusbar__text-container {
		display:none !important
	}




	* {	
		-webkit-box-sizing: border-box;  
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

	html,body {
		height:100%;
	}
	
	body {
		margin: 0; 
		font-size:15px;
		font-weight: 400;
		line-height: 1.5;
		font-size:1.1em;
		color:rgba(0,0,0,0.8);
		text-align: left;
		background-color:rgb(250,247,245)
	}
	
	 
	
	
	.Centerer { 	
		width:1388px;	
		margin:0 auto;  
		padding-left:0px;
		padding-right:0px; 
	} 
	@media only screen and (max-width:1388px) {
		.Centerer {
			width:calc(100%); 
			margin:0 auto;   
			padding-left:18px;
			padding-right:18px;
		}
	}
	
	
	
	
	.Standart {
		float:left;
		width:100%;
		position:relative; 
	}
	
	
	.Top {
		float:left;
		width:100%;
		height:70px;
		position:fixed; 
		border-bottom: 0.1em solid rgba(234, 234, 234, 1); 
		background-color:rgba(255,255,255,1);
		text-shadow: 2px 2px 2px rgba(234, 234, 234, 1);
		z-index: 999;
	}
	
	
	.Bottom {
		background: linear-gradient(to bottom, #ffffff 0%, #f7f8fa 100%);
		border-top: 0.1em solid rgba(234, 234, 234, 1); 
		background-color:rgba(0,204,255,0.1); padding:16px 0px ; font-size:0.8em
	}
	
	
	.LogoImage {
		float:left;
		width:56px;
		height:56px;
		background-image:url(/assets/logo.png?xc=34);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center center;
		border-radius:6px;
		margin-top:7px;
		margin-right:12px;
		border:0.1em solid rgba(234, 234, 234, 1); 
	}
	
	
	.TopLogoText {
		float:left;
		font-weight:600;
		font-size:1.6em;
		height:70px;
		line-height:70px;
		color:rgba(15,23,42,0.8);
		text-decoration:none;
		font-family: 'Playfair Display', serif;
	}
	
	
	
	
	
	
	
	.Page {
		float:left;
		width:100%;
		min-height:calc( 100% - 70px ); 
		margin-top:70px;
		padding:24px 0px;
	}
	
	
	.QuestionLine_Pic {
		float:left;
		width:140px;
		height:140px; 
		background: linear-gradient(to bottom, #ffffff 0%, #f7f8fa 100%);
		border: 0.1em solid rgba(234, 234, 234, 1); 
		border-radius: 6px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		background-image:url(/Assets/Logo_1.png)
	}
	
	
	.QuestionLine_Desc {
		float:left;
		width:calc( 100% - 140px );
		padding-left:20px;
	}
	
	
	.QuestionLine {
		float:left;
		width:100%;
		padding:12px 12px;
		border: 0.1em solid rgba(234, 234, 234, 1); 
		
		margin-bottom:24px; 
		text-decoration:none;
		color:#555;
		border-left:9px solid #66CC00;
		cursor:pointer;
		transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
		border-radius: 6px;
		text-shadow: 2px 2px 2px rgba(234, 234, 234, 0.6);
		box-shadow: 0 3px 12px rgba(0,0,0,.04);
		
 		 
    	background-color: rgba(255,255,255,1);
		
   	 
	}
	
	.QuestionLine:hover {
		border-left:9px solid #6699FF;
		box-shadow: 0 6px 16px rgba(0,0,0,.08);
		transform: translateY(-1px);
	}

	.QuestionLine_Title {
		float:left;
		width:100%;
		font-size:1.1em;
		font-weight:500;
		color:#333;
	}
	
	.QuestionLine_SubTitle {
		float:left;
		width:100%;
		font-size:0.85em ; 
		color:rgba(0,0,0,1) ; 
		font-weight:400;
		padding:12px;
		background-color:rgba(255,255,255,1);
		border: 0.1em solid rgba(234, 234, 234, 1); 
		border-radius:6px;
		margin-top:12px;
		color:#555;		
	}	
	


	.nQuestionLine_Tags {
		float:left;
		width:auto;
		margin-top:9px;
		margin-right:6px;
		padding:6px 12px;
		font-size:0.6em;
		background-color:rgba(255,255,255,1);
		font-weight:400;
		border-radius: 6px;
		border: 0.1em solid rgba(134, 134, 134, 1); 
	}
	
	
	.Question_Reply {
		float:left;
		width:auto; 
		font-weight:400;
		border-top:3px solid rgba(0,0,0,0.1);
		width:100%;
		margin-bottom:24px
	}
	
	
	@media only screen and (max-width:888px) {
		.QuestionLine_Pic {
			float:left;
			width:100px;
			height:100px; 
			background: linear-gradient(to bottom, #ffffff 0%, #f7f8fa 100%);
			border: 0.1em solid rgba(234, 234, 234, 1); 
			border-radius: 6px;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center center;
			background-image:url(/Assets/Logo_1.png);
			margin-left:50%;
			transform:translate(-50%,0%)
		}
		
		
		.QuestionLine_Desc {
			float:left;
			width:calc( 100%   );
			padding-left:0px;
			text-align:center;
			margin-top:18px
		}
	}
	
	.offset-link-container {
		display: flex;
  		gap: 12px;   
	}
	
	
	.offset-link {
		flex: 1 1 0;            /* 3'ü de eşit genişler */
		box-sizing: border-box; /* padding/border taşırmasın */
		text-align:center;
		background: linear-gradient(to bottom, #ffffff 0%, #f7f8fa 100%);
		border: 0.13em solid rgba(234, 234, 234, 1); 
		color:#444;
		text-decoration:none;
		border-radius:6px;
		padding:12px 0px;
		cursor:pointer;
		font-size:1.2em;
		transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
		text-shadow: 2px 2px 2px rgba(234, 234, 234, 0.6);
	}
	
 
	
	.offset-link:hover {
		box-shadow: 0 6px 16px rgba(0,0,0,.08);
		transform: translateY(-1px);
	}	
	
	.offset-link-disable {
		cursor:default;
		opacity:0.5
	}
	
	.offset-link-disable:hover {
		box-shadow:none !important;
		transform:translateY(0px) !important;
	}
	
	.ico{
		width:22px; height: 22px;
		stroke: currentColor;
		fill: none;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-linejoin: round;
		transform: translateY(5px);
		margin-right:8px;
		margin-left:8px
	}
	
	
	@media only screen and (max-width:888px) {
		.ico{
			width:16px; height: 16px;
			 
			transform: translateY(2px);
			margin-right:4px;
			margin-left:4px
		}
		
		
		.offset-link {
			border-radius:6px;
			padding:18px 0px;
			cursor:pointer;
			font-size:1em; 
		}
		
		
		
		
		
		
		
	}
	
	
	
	
	
	
	