.elementor-106 .elementor-element.elementor-element-b0bd5f5:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-b0bd5f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3E7;}.elementor-106 .elementor-element.elementor-element-b0bd5f5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-106 .elementor-element.elementor-element-b0bd5f5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-106 .elementor-element.elementor-element-d0f9c79.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );}.elementor-106 .elementor-element.elementor-element-07571cb{width:auto;max-width:auto;}.elementor-106 .elementor-element.elementor-element-07571cb img{width:55px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-106 .elementor-element.elementor-element-fc3837f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-106 .elementor-element.elementor-element-fc3837f .elementor-heading-title{font-weight:600;}.elementor-106 .elementor-element.elementor-element-52f2692{margin-top:30px;margin-bottom:30px;}.elementor-106 .elementor-element.elementor-element-0b96183{margin-top:50px;margin-bottom:50px;}.elementor-106 .elementor-element.elementor-element-dec9b9e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-106 .elementor-element.elementor-element-d15f000{text-align:center;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-106 .elementor-element.elementor-element-ebfce7c{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;text-align:center;}@media(max-width:767px){.elementor-106 .elementor-element.elementor-element-07571cb img{width:50px;}.elementor-106 .elementor-element.elementor-element-fc3837f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-106 .elementor-element.elementor-element-fc3837f .elementor-heading-title{font-size:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-54e4f8d */.translator-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
}
.translator-lang {
	width: 100%;
}
.translator-lang select {
	font-size: 22px;
	font-weight: 500;
}
.translator-swap {
	background: #524FD5;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s;
	position: absolute;
	left: 50%;
	translate: -50%;
}
.translator-swap:hover {
	background: #4d5ad4;
}
.translator-swap svg {
	width: 20px;
	height: 20px;
	fill: white;
}
.translator-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
	gap: 20px;
	border-top: none;
	overflow: hidden;
}
.translator-input-box,
.translator-output-box {
	background: #fff;
	padding: 20px;
	min-height: 200px;
	border-radius: 8px;
}
.translator-input-box {
	background: #fff;
	border:1px solid #e0e0e0;
}
.translator-output-box {
	background: #EDEFFF;
}
.translator-textarea {
	width: 100%;
	min-height: 150px;
	border: none;
	background: transparent;
	font-size: 16px;
	line-height: 1.6;
	resize: vertical;
	outline: none;
	color: #333;
	font-size: 32px;
}
.translator-output {
	width: 100%;
	min-height: 150px;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	white-space: pre-wrap;
	font-size: 32px;
}
.translator-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	padding: 0 5px;
}
.translator-char-count {
	font-size: 12px;
	color: #666;
}
.translator-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.3s;
}
.translator-btn:hover {
	background: rgba(0,0,0,0.05);
}
.translator-btn svg {
	width: 20px;
	height: 20px;
	fill: #666;
}
.translator-select {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 14px;
	background: white;
	cursor: pointer;
}
.translator-loading {
	display: none;
	text-align: center;
	color: #666;
	font-style: italic;
}
@media (max-width: 768px) {
	.translator-body {
		grid-template-columns: 1fr;
	}
}
@media(max-width:767px){
.elementor-106 .elementor-element.elementor-element-54e4f8d .translator-header {
gap: 15px;
}
.elementor-106 .elementor-element.elementor-element-54e4f8d .translator-swap {
height: 48px;
width:48px;
} 
.translator-lang select{
text-align: center;
font-size: 19px;
height:48px ;
}
.translator-textarea{
font-size: 20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65aa208 */.word-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: 0;
  padding:1px;
  gap: 1px;
  background: #D9D9D9;
}
.word-grid a {
  display: block;
  padding: 10px 12px;
  background:#FBFBFB;
  text-decoration: none;
  color: var(--e-global-color-primary);
  text-align: center;
}
.word-grid a:hover {
  background: #e8e8e8;
}
@media(max-width:767px){
    .word-grid {
  grid-template-columns: repeat(4, 1fr);
}
}
@media(max-width:400px){
    .word-grid {
  grid-template-columns: repeat(3, 1fr);
}
}/* End custom CSS */