.display-none{
	display:none !important;
}
.contactAll-container{
	display: none; position: fixed; bottom:35px; right:50px;z-index: 999;opacity:1;
}
.contactAll-button{        
	display: block;height: 60px; width: 60px; border-radius: 100%; padding:0px 0px 0px 0px; 
	overflow: hidden;background:rgb(37, 211, 102); box-shadow:rgba(0,0,0,.5) 0px 2px 3px;
}
.contactAll-button img{ margin:15%; width:70%; height:70%;}
.contactAll-button:hover{        
	background:rgb(37, 211, 102);
}
.contactAll-bg{
	display: block; height: 70px; width: 70px; border-radius: 100%;
	background:none;  position:absolute; top:-5px; right:-5px;z-index:-1;
   border:rgb(37, 211, 102) 2px solid;
animation: circle-fade-inf 2s infinite ease-in-out;
transition: all 0.5s;
}
.balon{
	display:block; position:absolute; top:3px; right:3px; font-size:8px; color:#fff; background:#FF0000;
	z-index:999; width:10px; height:10px; line-height:8px; border-radius:20px; text-align:center;
}
.getAnalysis-container{
	display: none; position: fixed; bottom: 35px; right:140px; z-index: 999; opacity:1;
}
.getAnalysis-button{        
	display: block;height: 60px; width:60px; border-radius:100%; padding:0px; z-index:3;
	overflow: hidden; background:#082C74;
}
.getAnalysis-button:hover{        
	background:#1395F4;
}
.getAnalysis-button img{ margin:15%; width:70%; height:70%;}
.getAnalysis-bg{
	display: block; height:70px; width: 70px; border-radius: 100%;
	background:none; position:absolute; top:-5px; right:-5px; z-index:-1;
	animation: blinker 1s linear infinite;
	border:#082C74 2px solid;
	animation: circle-fade-inf 2s infinite ease-in-out;
	transition: all 0.5s;
}
@keyframes blinker {  
  70% { opacity: 0; }
  }
@media screen and (max-width: 800px) {
	.contactAll-container{
		 bottom: 10px; right:10px;
	}
	.getAnalysis-container{
		 bottom: 10px; left:10px; right:auto;
	}
}


.online{ float:left; color:#D2FFD2; font-size:12px; margin-left:5px; font-weight:300;}
.online span{ display:block; float:left; width:10px; margin-top:4px; 
height:10px; border-radius:10px; background:#00FF00; }
.contact-modal-container{
	width: 380px; position:fixed; z-index: 99990; max-width:90%;
	height: auto; display: none; bottom:125px; right:30px;
	color:#000;
	border-radius: 16px; overflow: hidden;
	font-size: 14px; line-height: 18px; border:#095E54 1px solid;
	animation: fadein 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
 @media screen and (max-width: 900px) {
	.contact-modal-container{
	height: auto; display: none; right:10px;;
	} 
}

.contact-modal-container .all-contact-close{
	display: block; position: absolute; top: 15px; right: 15px; color:#fff !important; font-size: 14px; z-index: 9999; text-decoration:none;
	font-weight:600; background:rgba(0,0,0,0.2); border-radius:50px; width:25px; height:25px; line-height:25px; text-align:center;
}
.contact-modal-container .head{
	position: relative;
	background:#075e54;
	color:#fff;
	border-bottom:#003300 0px solid;
	padding: 14px 16px;
	height:80px;
	box-shadow:#003300 0px 0px 2px;
	display:flex;
	align-items:center;
	gap:12px;
}
.contact-modal-container .head img{
	width:52px;
	height:52px;
	border-radius:50%;
	flex-shrink:0;
}
.contact-modal-container .head img.icon{ float: left; margin:0px 10px 5px 0px; width:60px; height:60px; border-radius:60px;}
.contact-modal-container .head .head-text-wrapper{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
}
.contact-modal-container .head .title{
	font-size: 16px;
	font-weight: 600;
	margin:0 0 2px 0;
	line-height:1.3;
}
.contact-modal-container .head .online{
	font-size: 13px;
	font-weight: 400;
	opacity:0.9;
	display:flex;
	align-items:center;
	line-height:1.3;
}
.contact-modal-container .head .sub-title{
	font-size: 13px;
	font-weight: 400;
	opacity:0.9;
}
.contact-modal-container .body{
	color: #000;
	position: relative;   
	padding: 24px 20px;     background:#E6DDD4;
}
.contact-modal-container .body:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-image: url('chat.webp');
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
.contact-modal-container .body .message{
	background: #fff;
	position: relative;   
	border-radius: 16px; border-top-left-radius: 0px;  
	box-shadow:#CCC 1px 1px 1px; border:#D8D8D8 0px solid;
	padding:  10px 20px 10px 20px;   margin-right: 20px; margin-bottom:30px;
}
.contact-modal-container .body .message span.title{
	font-size: 13px; font-weight: 700; color:#683E24;
}
.contact-modal-container .body .message span{
	font-size: 12px; color:#636363;
}
.contact-modal-container .suggest-body{
	color: #000;background:#E6DDD4;
	position: relative;   
	padding: 0px; 
	overflow: hidden;    
}
#wh-time{text-align:right; display:block;}


.contact-modal-container .write-body{
	background:#f0f0f0;
	color:#000040;
	position: relative;
	font-size: 13px;
	font-weight: 400; 
	padding: 8px 10px;
	overflow: hidden;
	border-top:1px solid #ddd;
}

/* Yeni WhatsApp giriş satırı (ekrandaki örneğe benzer) */
.dgs-chat-input-row{
	background:transparent;
	border-radius:24px;
	border:none;
	display:flex;
	align-items:center;
	padding:4px 6px 4px 14px;
	gap:8px;
}
.dgs-chat-input{
	border:none;
	outline:none;
	background:transparent;
	flex:1;
	font-size:13px;
	color:#444;
}
.dgs-chat-input::placeholder{
	color:#999;
}
.dgs-chat-send{
	width:32px;
	height:32px;
	border-radius:50%;
	background:#25d366;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	text-decoration:none;
	border:none;
	cursor:pointer;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.dgs-chat-send:hover{
	background:#1ebe57;
}
.dgs-chat-send--disabled{
	background:#ccc;
	cursor:not-allowed;
	box-shadow:none;
}
.dgs-chat-send-icon{
	font-size:16px;
	line-height:1;
}
.contact-modal-container .attention{
	background: #fff;      position: relative;   
	padding: 7px 10px; color: #000;
	overflow: hidden;
}

/* WhatsApp tarzı kapatma (X) butonu */
.contact-modal-container .all-contact-close{
	display: flex;
	position: absolute;
	top: 10px;
	right: 10px;
	color:#e9edef !important;
	font-size: 18px;
	z-index: 9999;
	text-decoration:none;
	font-weight:400;
	width: 32px;
	height: 32px;
	line-height: 1;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.1s ease, color 0.15s ease;
}
.contact-modal-container .all-contact-close:hover{
	background: rgba(255,255,255,0.12);
	color:#ffffff !important;
	transform: scale(1.05);
}
.contact-modal-container .all-contact-close:active{
	transform: scale(0.95);
}
.stage {
position: relative;
padding: 10px 5px 10px 20px;
margin: 0px;
overflow: hidden;
}

/* Soft açılıp kapanan WhatsApp popup animasyonu */
.contact-modal-container{
\topacity: 0;
\ttransform: translateY(32px);
\ttransition: opacity 0.45s ease-out, transform 0.45s ease-out;
\tanimation: none;
}

.contact-modal-container.dgs-open{
\topacity: 1;
\ttransform: translateY(0);
}

/**
* ==============================================
* Dot Typing
* ==============================================
*/
.dot-typing {
position: relative;
left: -9999px;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: #999;
color: #999;
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
animation: dot-typing 1s infinite linear;
}

@keyframes dot-typing {
0% {
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
}
16.667% {
box-shadow: 9984px -10px 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
}
33.333% {
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
}
50% {
box-shadow: 9984px 0 0 0 #999, 9999px -10px 0 0 #999, 10014px 0 0 0 #999;
}
66.667% {
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
}
83.333% {
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px -10px 0 0 #999;
}
100% {
box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
}
}
@keyframes fadein {  
0% { opacity: 0; bottom:100px; }
100% { opacity: 1; bottom:110px; }
}