.elementor-24634 .elementor-element.elementor-element-5928f902{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:fixed;bottom:88px;--z-index:1000;}body:not(.rtl) .elementor-24634 .elementor-element.elementor-element-5928f902{right:30px;}body.rtl .elementor-24634 .elementor-element.elementor-element-5928f902{left:30px;}.elementor-24634 .elementor-element.elementor-element-92b7622{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-24634 .elementor-element.elementor-element-5dafbaa6 .elementor-button{font-family:"Spartan", Sans-serif;font-size:28px;font-weight:700;fill:var( --e-global-color-fd0f587 );color:var( --e-global-color-fd0f587 );background-color:var( --e-global-color-accent );box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.2);border-style:none;border-radius:27px 27px 27px 27px;padding:12px 14px 12px 14px;}.elementor-24634 .elementor-element.elementor-element-bfd2232{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24634 .elementor-element.elementor-element-f7e5aa5 .elementor-button{font-family:"Spartan", Sans-serif;font-size:38px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:#25D366;border-style:none;border-radius:30px 30px 30px 30px;padding:11px 14px 11px 14px;}.elementor-24634 .elementor-element.elementor-element-f7e5aa5 .elementor-button:hover, .elementor-24634 .elementor-element.elementor-element-f7e5aa5 .elementor-button:focus{background-color:#075E54;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-24634 .elementor-element.elementor-element-01e7e08 .elementor-icon-wrapper{text-align:center;}.elementor-24634 .elementor-element.elementor-element-01e7e08.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-24634 .elementor-element.elementor-element-01e7e08.elementor-view-framed .elementor-icon, .elementor-24634 .elementor-element.elementor-element-01e7e08.elementor-view-default .elementor-icon{color:#FF0000;border-color:#FF0000;}.elementor-24634 .elementor-element.elementor-element-01e7e08.elementor-view-framed .elementor-icon, .elementor-24634 .elementor-element.elementor-element-01e7e08.elementor-view-default .elementor-icon svg{fill:#FF0000;}.elementor-24634 .elementor-element.elementor-element-01e7e08 .elementor-icon{font-size:16px;}.elementor-24634 .elementor-element.elementor-element-01e7e08 .elementor-icon svg{height:16px;}body:not(.rtl) .elementor-24634 .elementor-element.elementor-element-01e7e08{right:-3px;}body.rtl .elementor-24634 .elementor-element.elementor-element-01e7e08{left:-3px;}.elementor-24634 .elementor-element.elementor-element-01e7e08{top:0px;}.elementor-24634 .elementor-element.elementor-element-2abd912{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-24634 .elementor-element.elementor-element-5928f902{--width:65px;}.elementor-24634 .elementor-element.elementor-element-92b7622{--width:58px;}}@media(max-width:767px){.elementor-24634 .elementor-element.elementor-element-5928f902{--width:50px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;bottom:76px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-24634 .elementor-element.elementor-element-5dafbaa6 .elementor-button{font-size:13px;}.elementor-24634 .elementor-element.elementor-element-f7e5aa5 .elementor-button{font-size:32px;padding:7px 10px 7px 10px;}}/* Start custom CSS for html, class: .elementor-element-e895c43 */.aio-wa-c-w-widget-button, .aio-wa-c-w-open-chat {
  cursor: pointer;
}

/* WhatsApp Chat Window Styling */
#aio-wa-c-window {
  position: fixed;
  bottom: 104px;
  right: 112px;
  width: 400px;
  max-height: 500px;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  display: none;
  flex-direction: column;
  z-index: 50;
}

/* Chat Header Styling */
.chat-header {
  background-color: #128C7E;
  color: white;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.whatsapp-logo {
  width: 25px;
  height: 25px;
}

.chat-title {
  font-weight: bold;
  padding-top: 4px;
  flex: 1;
  text-align: left;
}

.aio-wa-c-w-close-chat, .aio-wa-c-w-close-chat:active, .aio-wa-c-w-close-chat:focus {
  background: none !important;
  color: white !important;
  border: none !important;
  padding: 0 !important;
  font-size: 1.25rem !important;
  cursor: pointer;
  padding: 4px 0 0 0 !important;
}

/* Chat Body Styling */
.aio-wa-c-body {
  padding: 15px;
  height: 320px;
  overflow-y: auto;
  background-color: #E5DDD5;
  display: flex;
  flex-direction: column;
}

.message-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 8px;
}

.profile-pic-container {
  background-color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.profile-pic {
  width: 25px;
  height: 25px;
  position: relative; 
  left: -2px; 
}

.message-bubble {
  background-color: white;
  padding: 10px 15px;
  border-radius: 8px;
  max-width: 80%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
}

.message-bubble::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 10px;
  border-width: 8px 10px 8px 0;
  border-style: solid;
  border-color: transparent white transparent transparent;
}

/* Chat Footer Styling */
.aio-wa-c-footer {
  padding: 15px;
  border-top: 1px solid #E5DDD5;
  background-color: #F0F0F0;
}

.aio-wa-c-w-name-input-container {
  margin-bottom: 10px;
}

.aio-wa-c-w-name-input-container input {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-size: 1rem;
}

.aio-wa-c-w-message-input-container {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

#aio-wa-c-w-message-input {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 20px;
  resize: none;
  min-height: 70px;
  max-height: 210px;
  overflow-y: auto;
  font-size: 1rem;
  line-height: 1.6rem;
}

#aio-wa-c-w-send-button {
    background-color: #25D366;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: center;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 25px;
    padding: 0;
}

#aio-wa-c-w-send-button:hover {
    background-color: #128C7E;
}

#aio-wa-c-w-send-button:focus, #aio-wa-c-w-send-button:focus-visible {
    outline: none;
}

#aio-wa-c-w-send-button svg {
    position: relative; 
    left: -2px; 
    top: 6px;
}

.aio-wa-c-w-error-message {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 3px;
  display: none;
}

.input-error {
  border-color: #e74c3c !important;
}

/* Mobile */
@media screen and (max-width: 767px) {

#aio-wa-c-window {
  bottom: 88px;
  right: 2vw;
  width: 96vw;
  height: 100%;
}

.aio-wa-c-body {
  padding: 8px;
  height: 100%;
}
  
.aio-wa-c-footer {
  padding: 8px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15748d7 */.chat-container {
    position: static;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://altomate.io/wp-content/uploads/2024/03/Spartan-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://altomate.io/wp-content/uploads/2024/03/Spartan-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://altomate.io/wp-content/uploads/2024/03/Spartan-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://altomate.io/wp-content/uploads/2024/03/Spartan-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://altomate.io/wp-content/uploads/2024/03/Spartan-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */