.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-487 .elementor-element.elementor-element-50de177{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;}.elementor-487 .elementor-element.elementor-element-50de177 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:400;color:var( --e-global-color-cfc252b );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-487 .elementor-element.elementor-element-7d1395c{padding:20px 20px 20px 20px;border-radius:12px 12px 12px 12px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:14px;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-14px;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-labels-inline .elementor-field-group > label{padding-left:7px;}body:not(.rtl) .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-labels-inline .elementor-field-group > label{padding-right:7px;}body .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-labels-above .elementor-field-group > label{padding-bottom:7px;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group > label, .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-type-html{padding-bottom:0px;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group .elementor-field, .elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-4a12c77 );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-4a12c77 );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-4a12c77 );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-button{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;border-radius:30px 30px 30px 30px;padding:10px 15px 10px 15px;}.elementor-487 .elementor-element.elementor-element-7d1395c .e-form__buttons__wrapper__button-next{color:var( --e-global-color-eae2fea );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-button[type="submit"]{color:var( --e-global-color-eae2fea );}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-button[type="submit"] svg *{fill:var( --e-global-color-eae2fea );}.elementor-487 .elementor-element.elementor-element-7d1395c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-487 .elementor-element.elementor-element-7d1395c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-487 .elementor-element.elementor-element-7d1395c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-487 .elementor-element.elementor-element-7d1395c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-487 .elementor-element.elementor-element-d3fbba9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:start;}.elementor-487 .elementor-element.elementor-element-d3fbba9 img{width:193px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-487 .elementor-element.elementor-element-e61d75f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;line-height:17px;}.elementor-487 .elementor-element.elementor-element-5b729f3{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;line-height:17px;}.elementor-487 .elementor-element.elementor-element-35d609b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;}.elementor-487 .elementor-element.elementor-element-35d609b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-cfc252b );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-487 .elementor-element.elementor-element-75e8c15{width:var( --container-widget-width, 109.314% );max-width:109.314%;--container-widget-width:109.314%;--container-widget-flex-grow:0;}.elementor-487 .elementor-element.elementor-element-75e8c15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item:hover, .elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-eae2fea );fill:var( --e-global-color-eae2fea );}.elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-1a8defb );}.elementor-487 .elementor-element.elementor-element-75e8c15 .elementor-nav-menu--main .elementor-item{padding-left:3px;padding-right:3px;padding-top:2px;padding-bottom:2px;}.elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item:hover, .elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-1a8defb );fill:var( --e-global-color-1a8defb );}.elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-1a8defb );}.elementor-487 .elementor-element.elementor-element-1025a1f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:2px;padding-bottom:2px;}.elementor-487 .elementor-element.elementor-element-ea47176{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-weight:400;line-height:20px;}.elementor-487 .elementor-element.elementor-element-ea47176 a:hover, .elementor-487 .elementor-element.elementor-element-ea47176 a:focus{color:var( --e-global-color-1a8defb );}.elementor-487 .elementor-element.elementor-element-ec95146{--grid-template-columns:repeat(0, auto);text-align:left;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--icon-size:31px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-487 .elementor-element.elementor-element-ec95146 .elementor-social-icon{background-color:var( --e-global-color-4a12c77 );--icon-padding:0em;}.elementor-487 .elementor-element.elementor-element-ec95146 .elementor-social-icon i{color:var( --e-global-color-cfc252b );}.elementor-487 .elementor-element.elementor-element-ec95146 .elementor-social-icon svg{fill:var( --e-global-color-cfc252b );}.elementor-487 .elementor-element.elementor-element-1e291eb{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-487 .elementor-element.elementor-element-1e291eb .elementor-social-icon{background-color:var( --e-global-color-4a12c77 );--icon-padding:0.2em;}.elementor-487 .elementor-element.elementor-element-1e291eb .elementor-social-icon i{color:var( --e-global-color-cfc252b );}.elementor-487 .elementor-element.elementor-element-1e291eb .elementor-social-icon svg{fill:var( --e-global-color-cfc252b );}.elementor-487 .elementor-element.elementor-element-8dd7090{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-487 .elementor-element.elementor-element-ec95146{text-align:left;}.elementor-487 .elementor-element.elementor-element-1e291eb{text-align:left;--icon-size:25px;}}@media(max-width:767px){.elementor-487 .elementor-element.elementor-element-7d1395c{padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-d3fbba9{text-align:center;}}/* Start custom CSS for form, class: .elementor-element-7d1395c */.glass-container .elementor-form { background: rgba(255, 255, 255, 0.3) !important; padding: 3em !important; border-radius: 12px !important; border-left: 1px solid rgba(255, 255, 255, 0.3) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; /* Compatibilità Safari */ box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, 0.2) !important; line-height: 12px; transition: all 0.2s ease-in-out !important; } .glass-container .elementor-form:hover { transform: translateY(-2px); } .glass-container .elementor-form p, .glass-container .elementor-field-label { color: #fff !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); } .glass-container .elementor-field-textual { background: transparent !important; border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.3) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 12px !important; /* Rende i campi arrotondati come nel tuo esempio */ backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; box-shadow: 4px 4px 60px rgba(0,0,0,0.2) !important; color: #fff !important; transition: all 0.2s ease-in-out !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); } .glass-container .elementor-field-textual::placeholder { color: #ffffff !important; } .glass-container .elementor-field-textual:hover, .glass-container .elementor-field-textual:focus { background: rgba(255, 255, 255, 0.1) !important; box-shadow: 4px 4px 60px 8px rgba(0, 0, 0, 0.2) !important; outline: none !important; } /* Bottone di Invio .glass-container .elementor-button { background: transparent !important; border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.3) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 12px !important; color: #fff !important; box-shadow: 4px 4px 60px rgba(0,0,0,0.2) !important; transition: all 0.2s ease-in-out !important; } .glass-container .elementor-button:hover { background: rgba(255, 255, 255, 0.1) !important; box-shadow: 4px 4px 60px 8px rgba(0, 0, 0, 0.2) !important; cursor: pointer; } .glass-container .elementor-button:active { background: rgba(255, 255, 255, 0.2) !important; } */ .glass-container .elementor-button { background: linear-gradient( 135deg, rgba(255, 180, 70, 0.1) 0%, rgba(255, 180, 70, 0.75) 50%, rgba(255, 180, 70, 1) 100% ) !important; backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); border: 1px solid rgba(255, 255, 255, 0.65) !important; box-shadow: 0 8px 32px 0 rgba(255, 180, 70, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 10px 20px rgba(255, 255, 255, 0.2) !important; transition: all 0.3s ease !important; color: #fff !important; } .glass-container .elementor-button:hover { background: linear-gradient( 135deg, rgba(255, 180, 70, 0.85) 0%, rgba(255, 180, 70, 0.65) 100% ) !important; box-shadow: 0 12px 36px 0 rgba(255, 180, 70, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 12px 24px rgba(255, 255, 255, 0.3) !important; transform: translateY(-2px); } input::placeholder, textarea::placeholder { opacity: 1 !important; } @media only screen and (max-width: 768px) { .glass-container .elementor-form { padding: 2em !important; } } @media only screen and (max-width: 767px) { .glass-container .elementor-form { padding: 1em !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ea47176 */.elementor-487 .elementor-element.elementor-element-ea47176 a { color: #ffffff; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-09283f0 *//* ========================================================= RESET WIDGET ========================================================= */ #copilot-trigger, #copilot-chat { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= PULSANTE B-BEST TOOL ========================================================= */ #copilot-trigger.mic { position: fixed !important; top: auto !important; left: auto !important; right: 25px !important; bottom: 25px !important; width: 96px !important; height: 96px !important; margin: 0 !important; padding: 0 !important; display: block !important; overflow: visible !important; cursor: pointer; z-index: 10001; transform: none; transition: opacity 0.3s ease, transform 0.3s ease; } /* ========================================================= CERCHI ========================================================= */ .mic::before, .mic::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none; } /* ========================================================= CERCHIO ESTERNO ========================================================= */ .mic::before { width: 96px; height: 96px; background: radial-gradient( circle at 35% 30%, #009CA6 0%, #008491 30%, #00556A 58%, #000033 100% ); box-shadow: 0 0 10px rgba(0, 156, 166, 0.45), 0 0 22px rgba(0, 0, 51, 0.70); z-index: 1; } /* ========================================================= CERCHIO CENTRALE ========================================================= */ .mic::after { width: 60px; height: 60px; background: radial-gradient( circle at 35% 30%, #009CA6 0%, #007F8D 28%, #004E63 55%, #000033 100% ); box-shadow: 0 0 8px rgba(0, 156, 166, 0.65), 0 0 16px rgba(0, 156, 166, 0.35), 0 0 25px rgba(0, 0, 51, 0.80); animation: circle-size 0.8s linear infinite alternate; z-index: 2; } /* ========================================================= LOGO ========================================================= */ .mic-icon { position: absolute !important; top: 50% !important; left: 50% !important; width: 72px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; display: block !important; object-fit: contain !important; z-index: 4; pointer-events: none; filter: drop-shadow( 0 0 3px rgba(0, 156, 166, 0.8) ); } /* ========================================================= BAGLIORE ========================================================= */ .mic-shadow { width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border-radius: 50%; z-index: 0; pointer-events: none; box-shadow: 0 -10px 15px 2px rgba(0, 156, 166, 0.65), 10px -4px 20px 2px rgba(0, 0, 51, 0.75), 8px 10px 18px 2px rgba(0, 156, 166, 0.45), -10px 6px 22px 2px rgba(0, 0, 51, 0.70), 0 0 30px 4px rgba(0, 156, 166, 0.25); animation: shadow-rotate 2.5s linear infinite; transform-origin: center; } /* ========================================================= CHAT ========================================================= */ #copilot-chat.copilot-chat { position: fixed !important; top: auto !important; left: auto !important; right: 25px !important; bottom: 135px !important; width: min(90vw, 500px) !important; height: min( 400px, calc(100dvh - 160px) ) !important; max-height: calc(100dvh - 160px) !important; margin: 0 !important; padding: 0 !important; display: flex !important; overflow: hidden !important; box-sizing: border-box !important; transform-origin: bottom right; transform: scale(0.92); opacity: 0; visibility: hidden; pointer-events: none; background: #fff; border-radius: 18px; border: 1px solid rgba(0, 156, 166, 0.35); box-shadow: 0 20px 70px rgba(0, 0, 51, 0.65), 0 0 40px rgba(0, 156, 166, 0.25); z-index: 10000; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } /* ========================================================= CHAT APERTA ========================================================= */ #copilot-chat.copilot-chat.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); } /* ========================================================= PULSANTE X ========================================================= */ .copilot-close { position: absolute !important; top: 8px !important; right: 10px !important; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #ffffff !important; font-family: Arial, sans-serif !important; font-size: 32px !important; font-weight: 300 !important; line-height: 36px !important; text-align: center !important; cursor: pointer !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: color 0.2s ease, transform 0.25s ease; } /* ========================================================= HOVER X ========================================================= */ .copilot-close:hover { background: transparent !important; color: #009CA6 !important; transform: rotate(90deg); } /* ========================================================= IFRAME ========================================================= */ .copilot-chat iframe { flex: 1 1 auto; width: 100%; height: 100%; min-height: 0; display: block; border: 0; margin: 0; padding: 0; } /* ========================================================= ANIMAZIONE CERCHIO ========================================================= */ @keyframes circle-size { from { width: 60px; height: 60px; } to { width: 66px; height: 66px; } } /* ========================================================= ANIMAZIONE BAGLIORE ========================================================= */ @keyframes shadow-rotate { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { #copilot-trigger.mic { right: 15px !important; bottom: 15px !important; width: 80px !important; height: 80px !important; } .mic::before { width: 80px; height: 80px; } .mic::after { width: 50px; height: 50px; } .mic-icon { width: 36px !important; height: 36px !important; } .mic-shadow { width: 80px; height: 80px; } #copilot-chat.copilot-chat { right: 15px !important; bottom: 105px !important; width: calc(100vw - 30px) !important; height: calc(100dvh - 120px) !important; max-height: calc(100dvh - 120px) !important; border-radius: 14px; } .copilot-close { top: 8px !important; right: 8px !important; width: 34px !important; height: 34px !important; font-size: 26px !important; } } /* ========================================================= BLOCCO OVERFLOW ORIZZONTALE ========================================================= */ html, body { overflow-x: hidden !important; }/* End custom CSS */