.elementor-4938 .elementor-element.elementor-element-58c2c14{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-58c2c14:not(.elementor-motion-effects-element-type-background), .elementor-4938 .elementor-element.elementor-element-58c2c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://groveroaddental.co.uk/wp-content/uploads/2026/09/Grove-Road-Dental-Practice-013.jpg");background-position:center center;background-size:cover;}.elementor-4938 .elementor-element.elementor-element-a8a0845{--display:flex;}.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-4938 .elementor-element.elementor-element-d1d8d21 .elementor-heading-title{font-weight:600;color:var( --e-global-color-3a81bef );}.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs a,.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs span.current,.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs .current_active, .elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs a,.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs span.current .current_tab_sec,.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs .current_active .current_tab_sec,.elementor-widget-tp-breadcrumbs-bar .pt_plus_breadcrumbs_bar #breadcrumbs{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar, .elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar #breadcrumbs, .elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar_inner.bred_style_1.breadcrumps-full{justify-content:left;}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1{background-color:transparent;background-image:linear-gradient(202deg, #16877C9C 0%, #D8B86A36 100%);}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs a,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs span.current,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs .current_active, .elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs a,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs span.current .current_tab_sec,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs .current_active .current_tab_sec,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar #breadcrumbs{font-size:15px;font-weight:400;}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs a,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_1 nav#breadcrumbs .current_tab_sec, .elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs a,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner.bred_style_2 nav#breadcrumbs .current_tab_sec{color:#FFFFFF;}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner nav#breadcrumbs i.bread-sep-icon:before,.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar .pt_plus_breadcrumbs_bar_inner nav#breadcrumbs img.bread-sep-icon{padding:5px 0px 5px 8px;}.elementor-4938 .elementor-element.elementor-element-d852a87 .pt_plus_breadcrumbs_bar #breadcrumbs{gap:0px;}.elementor-4938 .elementor-element.elementor-element-45ec7cf{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-ef2d597{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4938 .elementor-element.elementor-element-2e71fc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-006022a{--display:flex;}.elementor-widget-image .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-4938 .elementor-element.elementor-element-43ac578{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4938 .elementor-element.elementor-element-c7a4b97{padding:0px 0px 12px 0px;}.elementor-4938 .elementor-element.elementor-element-c7a4b97 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-a2fdb15{padding:0px 0px 10px 0px;}.elementor-4938 .elementor-element.elementor-element-a2fdb15 .elementor-heading-title{font-size:45px;font-weight:700;color:var( --e-global-color-6d3401b );}.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-4938 .elementor-element.elementor-element-379e203{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-8942a8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4938 .elementor-element.elementor-element-7546753 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4938 .elementor-element.elementor-element-033c8d4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4938 .elementor-element.elementor-element-ee1d70c{--display:flex;}.elementor-4938 .elementor-element.elementor-element-0ad7eb2{--display:flex;}.elementor-4938 .elementor-element.elementor-element-4322873{padding:0px 0px 12px 0px;text-align:center;}.elementor-4938 .elementor-element.elementor-element-4322873 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-94e3c2f{padding:5px 0px 10px 0px;text-align:center;}.elementor-4938 .elementor-element.elementor-element-94e3c2f .elementor-heading-title{font-size:30px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4938 .elementor-element.elementor-element-ec1a349{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-af86441{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4938 .elementor-element.elementor-element-9d3bc54{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-dd9e8f1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-dd9e8f1.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-dd9e8f1.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-dd9e8f1:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-dd9e8f1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-dd9e8f1 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-5bd5aa5{--display:flex;}.elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-f4d0916.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-f4d0916.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-f4d0916.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-f4d0916:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-f4d0916:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-f4d0916 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-657c325{--display:flex;}.elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-e05f5d9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-e05f5d9.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-e05f5d9.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-e05f5d9:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-e05f5d9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-e05f5d9 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-e3a2206{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4938 .elementor-element.elementor-element-d7af7f0{--display:flex;}.elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-2201d05.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-2201d05.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-2201d05.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-2201d05:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-2201d05:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-2201d05 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-802bcf6{--display:flex;}.elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-3224f45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-3224f45.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-3224f45.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-3224f45:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-3224f45:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-3224f45 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-56b2d6a{--display:flex;}.elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-4938 .elementor-element.elementor-element-f3ace69.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-f3ace69.elementor-view-framed .elementor-icon, .elementor-4938 .elementor-element.elementor-element-f3ace69.elementor-view-default .elementor-icon{fill:var( --e-global-color-e3d7da9 );color:var( --e-global-color-e3d7da9 );border-color:var( --e-global-color-e3d7da9 );}.elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon{font-size:30px;}.elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4938 .elementor-element.elementor-element-f3ace69:has(:hover) .elementor-icon-box-title, .elementor-4938 .elementor-element.elementor-element-f3ace69:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-f3ace69 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-2ef083d{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-2ef083d:not(.elementor-motion-effects-element-type-background), .elementor-4938 .elementor-element.elementor-element-2ef083d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(232deg, #D8B86A99 0%, #16877C47 100%);}.elementor-4938 .elementor-element.elementor-element-8c09339{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4938 .elementor-element.elementor-element-6973ba8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-0bca968{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4938 .elementor-element.elementor-element-e20a0f7{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4938 .elementor-element.elementor-element-82e4d22{padding:0px 0px 12px 0px;}.elementor-4938 .elementor-element.elementor-element-82e4d22 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-ef313eb{padding:5px 0px 10px 0px;}.elementor-4938 .elementor-element.elementor-element-ef313eb .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4938 .elementor-element.elementor-element-7a52c2a{color:var( --e-global-color-fd597f5 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4938 .elementor-element.elementor-element-cd5d11c{padding:0px 0px 10px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-icon i{color:var( --e-global-color-3a81bef );transition:color 0.3s;}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-icon svg{fill:var( --e-global-color-3a81bef );transition:fill 0.3s;}.elementor-4938 .elementor-element.elementor-element-cd5d11c .elementor-icon-list-text{color:var( --e-global-color-1c24f0c );transition:color 0.3s;}.elementor-4938 .elementor-element.elementor-element-c9f485c{--display:flex;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-fe77ebf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4938 .elementor-element.elementor-element-36d20d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4938 .elementor-element.elementor-element-31ce4e6{--display:flex;}.elementor-4938 .elementor-element.elementor-element-c9a77e2{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4938 .elementor-element.elementor-element-93d2163{padding:0px 0px 12px 0px;}.elementor-4938 .elementor-element.elementor-element-93d2163 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4938 .elementor-element.elementor-element-dccbbcc{padding:5px 0px 20px 0px;}.elementor-4938 .elementor-element.elementor-element-dccbbcc .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4938 .elementor-element.elementor-element-2d979ee{--display:flex;}.elementor-4938 .elementor-element.elementor-element-69ee0f8{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-b7cb92a{--display:flex;}.elementor-4938 .elementor-element.elementor-element-fa855a8{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-dc6b4b9{--display:flex;}.elementor-4938 .elementor-element.elementor-element-23ae0e3{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-82922b4{--display:flex;}.elementor-4938 .elementor-element.elementor-element-4cc6e2e{color:var( --e-global-color-fd597f5 );}.elementor-4938 .elementor-element.elementor-element-a4ca113{--n-accordion-title-font-size:1rem;padding:0px 0px 20px 0px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-4938 .elementor-element.elementor-element-8690260{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-1bbe2e9{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.91;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-1bbe2e9:not(.elementor-motion-effects-element-type-background), .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6d3401b );background-image:url("https://groveroaddental.co.uk/wp-content/uploads/2026/09/bgg.jpg");background-position:center center;background-size:cover;}.elementor-4938 .elementor-element.elementor-element-1bbe2e9::before, .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .elementor-background-video-container::before, .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .elementor-background-slideshow::before, .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4938 .elementor-element.elementor-element-1bbe2e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-6d3401b );--background-overlay:'';}.elementor-4938 .elementor-element.elementor-element-959437b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4938 .elementor-element.elementor-element-a20f004{padding:5px 0px 10px 0px;text-align:center;}.elementor-4938 .elementor-element.elementor-element-a20f004 .elementor-heading-title{font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-4938 .elementor-element.elementor-element-a98c96c{text-align:center;color:#F0F0F0;}.elementor-4938 .elementor-element.elementor-element-4b7e010{--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:space-around;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4938 .elementor-element.elementor-element-1873125 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4938 .elementor-element.elementor-element-55d91b1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(33px/2);}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(33px/2);}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(33px/2);}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-33px/2);}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-33px/2);}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#CACACA66;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-icon i{color:var( --e-global-color-3a81bef );transition:color 0.3s;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-icon svg{fill:var( --e-global-color-3a81bef );transition:fill 0.3s;}.elementor-4938 .elementor-element.elementor-element-ba964b1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4938 .elementor-element.elementor-element-ba964b1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}@media(min-width:768px){.elementor-4938 .elementor-element.elementor-element-45ec7cf{--content-width:1473px;}.elementor-4938 .elementor-element.elementor-element-ef2d597{--content-width:1300px;}.elementor-4938 .elementor-element.elementor-element-ee1d70c{--content-width:1300px;}.elementor-4938 .elementor-element.elementor-element-2ef083d{--content-width:1473px;}.elementor-4938 .elementor-element.elementor-element-8c09339{--content-width:1300px;}.elementor-4938 .elementor-element.elementor-element-c9f485c{--content-width:1473px;}.elementor-4938 .elementor-element.elementor-element-fe77ebf{--content-width:1300px;}.elementor-4938 .elementor-element.elementor-element-8690260{--content-width:1473px;}.elementor-4938 .elementor-element.elementor-element-1bbe2e9{--content-width:1300px;}.elementor-4938 .elementor-element.elementor-element-4b7e010{--width:50%;}}@media(max-width:1024px){.elementor-4938 .elementor-element.elementor-element-58c2c14{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4938 .elementor-element.elementor-element-006022a{--justify-content:center;}}@media(max-width:880px){.elementor-4938 .elementor-element.elementor-element-ef2d597{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4938 .elementor-element.elementor-element-8c09339{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-4938 .elementor-element.elementor-element-a2fdb15 .elementor-heading-title{font-size:32px;}.elementor-4938 .elementor-element.elementor-element-94e3c2f .elementor-heading-title{font-size:32px;}.elementor-4938 .elementor-element.elementor-element-ef313eb .elementor-heading-title{font-size:32px;}.elementor-4938 .elementor-element.elementor-element-dccbbcc .elementor-heading-title{font-size:32px;}.elementor-4938 .elementor-element.elementor-element-a20f004 .elementor-heading-title{font-size:32px;}.elementor-4938 .elementor-element.elementor-element-4b7e010{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-b52614f *//* ========================================================= GROVE ROAD DENTAL SIGNATURE PREMIUM IMAGE — FINAL Elementor Widget Class: grd-clinic-image Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= IMAGE WIDGET = ACTUAL FRAME ========================================================= */ .grd-clinic-image { position: relative !important; display: inline-block !important; width: fit-content !important; max-width: 100% !important; line-height: 0 !important; padding: 4px !important; /* * Visible branded frame: * Gold → Emerald → Navy */ background: linear-gradient( 145deg, #F0D58B 0%, #D8B86A 22%, #16877C 58%, #0D2847 100% ) !important; border: 1px solid #D8B86A !important; border-radius: 20px !important; overflow: hidden !important; /* * Deliberately stronger shadow because * this section has a white background. */ box-shadow: 0 18px 38px rgba(13, 40, 71, 0.20), 0 7px 15px rgba(13, 40, 71, 0.13), 0 0 0 3px rgba(216, 184, 106, 0.13), 0 0 22px rgba(22, 135, 124, 0.10) !important; isolation: isolate; animation: grd-image-floating 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite; transition: box-shadow 0.45s ease, border-color 0.45s ease, background 0.45s ease !important; } /* ========================================================= ACTUAL IMAGE ========================================================= */ .grd-clinic-image > img { position: relative !important; z-index: 1; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; border: 1px solid rgba(255,255,255,0.55) !important; border-radius: 15px !important; transform: scale(1); transition: transform 0.75s cubic-bezier(.18,.75,.25,1), filter 0.5s ease !important; } /* ========================================================= INNER PREMIUM LINE ========================================================= */ .grd-clinic-image::after { content: ""; position: absolute; z-index: 4; top: 9px; right: 9px; bottom: 9px; left: 9px; border: 1px solid rgba(255,255,255,0.48); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(216,184,106,0.18), inset 0 0 18px rgba(13,40,71,0.05); pointer-events: none; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= SHINE LAYER ========================================================= */ .grd-clinic-image::before { content: ""; position: absolute; z-index: 5; top: -45%; left: -65%; width: 34%; height: 190%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.32) 39%, rgba(255,255,255,0.78) 49%, rgba(240,213,139,0.48) 56%, rgba(216,184,106,0.24) 63%, rgba(255,255,255,0.08) 71%, transparent 82% ); transform: skewX(-19deg); opacity: 0; pointer-events: none; } /* ========================================================= HOVER — MAIN FRAME ========================================================= */ .grd-clinic-image:hover { animation-play-state: paused; background: linear-gradient( 145deg, #F4DC98 0%, #D8B86A 30%, #1A968A 63%, #0D2847 100% ) !important; border-color: #F0D58B !important; box-shadow: 0 28px 55px rgba(13,40,71,0.27), 0 12px 24px rgba(13,40,71,0.15), /* gold outline */ 0 0 0 4px rgba(216,184,106,0.16), /* gold glow */ 0 0 28px rgba(216,184,106,0.21), /* emerald secondary glow */ 0 0 42px rgba(22,135,124,0.10) !important; } /* ========================================================= HOVER — IMAGE ========================================================= */ .grd-clinic-image:hover > img { transform: scale(1.035); filter: brightness(1.035) contrast(1.03) saturate(1.04) !important; } /* ========================================================= HOVER — INNER LINE ========================================================= */ .grd-clinic-image:hover::after { border-color: rgba(240,213,139,0.78); box-shadow: inset 0 0 0 1px rgba(216,184,106,0.28), inset 0 0 22px rgba(216,184,106,0.08), 0 0 12px rgba(216,184,106,0.12); } /* ========================================================= HOVER — SHINE ========================================================= */ .grd-clinic-image:hover::before { animation: grd-image-shine 0.95s cubic-bezier(.20,.70,.25,1) forwards; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes grd-image-shine { 0% { left: -65%; opacity: 0; } 12% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= CONTINUOUS SOFT FLOAT ========================================================= */ @keyframes grd-image-floating { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -6px, 0); } 100% { transform: translate3d(0, 0, 0); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-clinic-image { padding: 4px !important; border-radius: 18px !important; animation-duration: 5.4s; } .grd-clinic-image > img { border-radius: 13px !important; } .grd-clinic-image::after { top: 8px; right: 8px; bottom: 8px; left: 8px; border-radius: 10px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-clinic-image { padding: 3px !important; border-radius: 15px !important; animation-duration: 5.8s; box-shadow: 0 15px 30px rgba(13,40,71,0.19), 0 6px 13px rgba(13,40,71,0.11), 0 0 0 2px rgba(216,184,106,0.12) !important; } .grd-clinic-image > img { border-radius: 11px !important; } .grd-clinic-image::after { top: 6px; right: 6px; bottom: 6px; left: 6px; border-radius: 8px; } .grd-clinic-image:hover > img { transform: scale(1.025); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-clinic-image { animation: none !important; } .grd-clinic-image:hover::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9e8f1 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM WHY US ICON BOX Class: grd-why-box Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= MAIN WIDGET ========================================================= */ .grd-why-box { position: relative !important; padding: 15px !important; background: linear-gradient( 180deg, rgba(255,255,255,0.98) 0%, rgba(250,249,246,0.98) 100% ) !important; border: 1px solid rgba(216,184,106,0.08) !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 14px 32px rgba(13,40,71,0.02), 0 5px 14px rgba(13,40,71,0.06), 0 0 0 3px rgba(216,184,106,0.04), 0 0 20px rgba(22,135,124,0.04) !important; isolation: isolate; transition: transform 0.42s cubic-bezier(.2,.8,.2,1), box-shadow 0.42s ease, border-color 0.42s ease, background 0.42s ease !important; } /* ========================================================= LEFT PREMIUM ACCENT ========================================================= */ .grd-why-box::after { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 0px; border-radius: 0 4px 4px 0; background: linear-gradient( 180deg, #D8B86A 0%, #16877C 52%, #0D2847 100% ); box-shadow: 0 0 12px rgba(216,184,106,0.14); z-index: 3; transition: top 0.4s ease, bottom 0.4s ease, width 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= SHINE LAYER ========================================================= */ .grd-why-box::before { content: ""; position: absolute; top: -50%; left: -70%; width: 32%; height: 200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.04) 28%, rgba(255,255,255,0.65) 48%, rgba(216,184,106,0.24) 57%, rgba(255,255,255,0.08) 68%, transparent 82% ); transform: skewX(-18deg); opacity: 0; z-index: 4; pointer-events: none; } /* ========================================================= WRAPPER ========================================================= */ .grd-why-box .elementor-icon-box-wrapper { position: relative; z-index: 5; display: flex !important; align-items: flex-start !important; gap: 10px; } /* ========================================================= ICON AREA ========================================================= */ .grd-why-box .elementor-icon-box-icon { margin: 0 !important; flex: 0 0 auto; } /* Icon holder */ .grd-why-box .elementor-icon { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px; height: 54px; min-width: 54px; color: #16877C !important; background: linear-gradient( 145deg, rgba(22,135,124,0.10) 0%, rgba(216,184,106,0.08) 100% ) !important; border: 1px solid rgba(216,184,106,0.70) !important; border-radius: 14px !important; box-shadow: 0 6px 14px rgba(13,40,71,0.08), 0 0 0 3px rgba(22,135,124,0.04), inset 0 1px 0 rgba(255,255,255,0.75) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), background 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important; } /* Actual SVG */ .grd-why-box .elementor-icon svg { width: 23px !important; height: 23px !important; fill: #16877C !important; transition: fill 0.4s ease, transform 0.4s ease; } /* ========================================================= CONTENT ========================================================= */ .grd-why-box .elementor-icon-box-content { position: relative; flex: 1; } /* Title */ .grd-why-box .elementor-icon-box-title { margin: 0 0 7px !important; color: #0D2847 !important; font-weight: 700; line-height: 1.3; transition: color 0.35s ease, transform 0.35s ease; } .grd-why-box .elementor-icon-box-title span { color: inherit !important; } /* Small gold/emerald line */ .grd-why-box .elementor-icon-box-title::after { content: ""; display: block; width: 0px; height: 2px; margin-top: 8px; border-radius: 3px; background: linear-gradient( 90deg, #D8B86A, #16877C ); transition: width 0.4s ease; } /* Description */ .grd-why-box .elementor-icon-box-description { margin: 0 !important; color: #46515A !important; line-height: 1.6; transition: color 0.35s ease; } /* ========================================================= HOVER — MAIN BOX ========================================================= */ .grd-why-box:hover { transform: translateY(-7px); border-color: rgba(216,184,106,0.90) !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FAF8F2 100% ) !important; box-shadow: 0 24px 48px rgba(13,40,71,0.16), 0 10px 22px rgba(13,40,71,0.10), 0 0 0 3px rgba(216,184,106,0.08), /* Gold halo */ 0 0 24px rgba(216,184,106,0.10), /* Emerald halo */ 0 0 36px rgba(22,135,124,0.06) !important; } /* Accent becomes stronger */ .grd-why-box:hover::after { top: 9px; bottom: 9px; width: 0px; box-shadow: 0 0 16px rgba(216,184,106,0.22); } /* Shine pass */ .grd-why-box:hover::before { animation: grdWhyShine 0.9s cubic-bezier(.2,.7,.25,1) forwards; } /* ========================================================= HOVER — ICON ========================================================= */ .grd-why-box:hover .elementor-icon { color: #0D2847 !important; background: linear-gradient( 145deg, #E9D18D 0%, #D8B86A 55%, #C9A755 100% ) !important; border-color: #F0D991 !important; transform: translateY(-2px) scale(1.06); box-shadow: 0 9px 18px rgba(13,40,71,0.12), 0 0 0 3px rgba(216,184,106,0.10), 0 0 18px rgba(216,184,106,0.17) !important; } .grd-why-box:hover .elementor-icon svg { fill: #0D2847 !important; transform: scale(0.94); } /* ========================================================= HOVER — TEXT ========================================================= */ .grd-why-box:hover .elementor-icon-box-title { color: #16877C !important; transform: translateX(2px); } .grd-why-box:hover .elementor-icon-box-title::after { width: 52px; } .grd-why-box:hover .elementor-icon-box-description { color: #34434D !important; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes grdWhyShine { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-why-box { padding: 16px !important; border-radius: 14px !important; } .grd-why-box .elementor-icon-box-wrapper { gap: 13px; } .grd-why-box .elementor-icon { width: 50px; height: 50px; min-width: 50px; border-radius: 13px !important; } .grd-why-box .elementor-icon svg { width: 21px !important; height: 21px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-why-box { padding: 14px !important; border-radius: 13px !important; box-shadow: 0 11px 24px rgba(13,40,71,0.09), 0 4px 10px rgba(13,40,71,0.05) !important; } .grd-why-box .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 11px; } .grd-why-box .elementor-icon { width: 46px; height: 46px; min-width: 46px; border-radius: 12px !important; } .grd-why-box .elementor-icon svg { width: 19px !important; height: 19px !important; } .grd-why-box .elementor-icon-box-title { font-size: 18px; line-height: 1.3; } .grd-why-box .elementor-icon-box-description { font-size: 14px; line-height: 1.55; } .grd-why-box:hover { transform: translateY(-4px); } } /* ========================================================= TOUCH ========================================================= */ @media (hover: none) { .grd-why-box:hover { transform: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-why-box, .grd-why-box::before, .grd-why-box::after, .grd-why-box .elementor-icon, .grd-why-box .elementor-icon svg, .grd-why-box .elementor-icon-box-title { transition: none !important; } .grd-why-box:hover::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2201d05 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM WHY US ICON BOX Class: grd-why-box Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= MAIN WIDGET ========================================================= */ .grd-why-box { position: relative !important; padding: 15px !important; background: linear-gradient( 180deg, rgba(255,255,255,0.98) 0%, rgba(250,249,246,0.98) 100% ) !important; border: 1px solid rgba(216,184,106,0.08) !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 14px 32px rgba(13,40,71,0.02), 0 5px 14px rgba(13,40,71,0.06), 0 0 0 3px rgba(216,184,106,0.04), 0 0 20px rgba(22,135,124,0.04) !important; isolation: isolate; transition: transform 0.42s cubic-bezier(.2,.8,.2,1), box-shadow 0.42s ease, border-color 0.42s ease, background 0.42s ease !important; } /* ========================================================= LEFT PREMIUM ACCENT ========================================================= */ .grd-why-box::after { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 0px; border-radius: 0 4px 4px 0; background: linear-gradient( 180deg, #D8B86A 0%, #16877C 52%, #0D2847 100% ); box-shadow: 0 0 12px rgba(216,184,106,0.14); z-index: 3; transition: top 0.4s ease, bottom 0.4s ease, width 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= SHINE LAYER ========================================================= */ .grd-why-box::before { content: ""; position: absolute; top: -50%; left: -70%; width: 32%; height: 200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.04) 28%, rgba(255,255,255,0.65) 48%, rgba(216,184,106,0.24) 57%, rgba(255,255,255,0.08) 68%, transparent 82% ); transform: skewX(-18deg); opacity: 0; z-index: 4; pointer-events: none; } /* ========================================================= WRAPPER ========================================================= */ .grd-why-box .elementor-icon-box-wrapper { position: relative; z-index: 5; display: flex !important; align-items: flex-start !important; gap: 10px; } /* ========================================================= ICON AREA ========================================================= */ .grd-why-box .elementor-icon-box-icon { margin: 0 !important; flex: 0 0 auto; } /* Icon holder */ .grd-why-box .elementor-icon { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px; height: 54px; min-width: 54px; color: #16877C !important; background: linear-gradient( 145deg, rgba(22,135,124,0.10) 0%, rgba(216,184,106,0.08) 100% ) !important; border: 1px solid rgba(216,184,106,0.70) !important; border-radius: 14px !important; box-shadow: 0 6px 14px rgba(13,40,71,0.08), 0 0 0 3px rgba(22,135,124,0.04), inset 0 1px 0 rgba(255,255,255,0.75) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), background 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important; } /* Actual SVG */ .grd-why-box .elementor-icon svg { width: 23px !important; height: 23px !important; fill: #16877C !important; transition: fill 0.4s ease, transform 0.4s ease; } /* ========================================================= CONTENT ========================================================= */ .grd-why-box .elementor-icon-box-content { position: relative; flex: 1; } /* Title */ .grd-why-box .elementor-icon-box-title { margin: 0 0 7px !important; color: #0D2847 !important; font-weight: 700; line-height: 1.3; transition: color 0.35s ease, transform 0.35s ease; } .grd-why-box .elementor-icon-box-title span { color: inherit !important; } /* Small gold/emerald line */ .grd-why-box .elementor-icon-box-title::after { content: ""; display: block; width: 0px; height: 2px; margin-top: 8px; border-radius: 3px; background: linear-gradient( 90deg, #D8B86A, #16877C ); transition: width 0.4s ease; } /* Description */ .grd-why-box .elementor-icon-box-description { margin: 0 !important; color: #46515A !important; line-height: 1.6; transition: color 0.35s ease; } /* ========================================================= HOVER — MAIN BOX ========================================================= */ .grd-why-box:hover { transform: translateY(-7px); border-color: rgba(216,184,106,0.90) !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FAF8F2 100% ) !important; box-shadow: 0 24px 48px rgba(13,40,71,0.16), 0 10px 22px rgba(13,40,71,0.10), 0 0 0 3px rgba(216,184,106,0.08), /* Gold halo */ 0 0 24px rgba(216,184,106,0.10), /* Emerald halo */ 0 0 36px rgba(22,135,124,0.06) !important; } /* Accent becomes stronger */ .grd-why-box:hover::after { top: 9px; bottom: 9px; width: 0px; box-shadow: 0 0 16px rgba(216,184,106,0.22); } /* Shine pass */ .grd-why-box:hover::before { animation: grdWhyShine 0.9s cubic-bezier(.2,.7,.25,1) forwards; } /* ========================================================= HOVER — ICON ========================================================= */ .grd-why-box:hover .elementor-icon { color: #0D2847 !important; background: linear-gradient( 145deg, #E9D18D 0%, #D8B86A 55%, #C9A755 100% ) !important; border-color: #F0D991 !important; transform: translateY(-2px) scale(1.06); box-shadow: 0 9px 18px rgba(13,40,71,0.12), 0 0 0 3px rgba(216,184,106,0.10), 0 0 18px rgba(216,184,106,0.17) !important; } .grd-why-box:hover .elementor-icon svg { fill: #0D2847 !important; transform: scale(0.94); } /* ========================================================= HOVER — TEXT ========================================================= */ .grd-why-box:hover .elementor-icon-box-title { color: #16877C !important; transform: translateX(2px); } .grd-why-box:hover .elementor-icon-box-title::after { width: 52px; } .grd-why-box:hover .elementor-icon-box-description { color: #34434D !important; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes grdWhyShine { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-why-box { padding: 16px !important; border-radius: 14px !important; } .grd-why-box .elementor-icon-box-wrapper { gap: 13px; } .grd-why-box .elementor-icon { width: 50px; height: 50px; min-width: 50px; border-radius: 13px !important; } .grd-why-box .elementor-icon svg { width: 21px !important; height: 21px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-why-box { padding: 14px !important; border-radius: 13px !important; box-shadow: 0 11px 24px rgba(13,40,71,0.09), 0 4px 10px rgba(13,40,71,0.05) !important; } .grd-why-box .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 11px; } .grd-why-box .elementor-icon { width: 46px; height: 46px; min-width: 46px; border-radius: 12px !important; } .grd-why-box .elementor-icon svg { width: 19px !important; height: 19px !important; } .grd-why-box .elementor-icon-box-title { font-size: 18px; line-height: 1.3; } .grd-why-box .elementor-icon-box-description { font-size: 14px; line-height: 1.55; } .grd-why-box:hover { transform: translateY(-4px); } } /* ========================================================= TOUCH ========================================================= */ @media (hover: none) { .grd-why-box:hover { transform: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-why-box, .grd-why-box::before, .grd-why-box::after, .grd-why-box .elementor-icon, .grd-why-box .elementor-icon svg, .grd-why-box .elementor-icon-box-title { transition: none !important; } .grd-why-box:hover::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-fbede30 *//* ========================================================= GROVE ROAD DENTAL SIGNATURE PREMIUM IMAGE — FINAL Elementor Widget Class: grd-clinic-image Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= IMAGE WIDGET = ACTUAL FRAME ========================================================= */ .grd-clinic-image { position: relative !important; display: inline-block !important; width: fit-content !important; max-width: 100% !important; line-height: 0 !important; padding: 4px !important; /* * Visible branded frame: * Gold → Emerald → Navy */ background: linear-gradient( 145deg, #F0D58B 0%, #D8B86A 22%, #16877C 58%, #0D2847 100% ) !important; border: 1px solid #D8B86A !important; border-radius: 20px !important; overflow: hidden !important; /* * Deliberately stronger shadow because * this section has a white background. */ box-shadow: 0 18px 38px rgba(13, 40, 71, 0.20), 0 7px 15px rgba(13, 40, 71, 0.13), 0 0 0 3px rgba(216, 184, 106, 0.13), 0 0 22px rgba(22, 135, 124, 0.10) !important; isolation: isolate; animation: grd-image-floating 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite; transition: box-shadow 0.45s ease, border-color 0.45s ease, background 0.45s ease !important; } /* ========================================================= ACTUAL IMAGE ========================================================= */ .grd-clinic-image > img { position: relative !important; z-index: 1; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; border: 1px solid rgba(255,255,255,0.55) !important; border-radius: 15px !important; transform: scale(1); transition: transform 0.75s cubic-bezier(.18,.75,.25,1), filter 0.5s ease !important; } /* ========================================================= INNER PREMIUM LINE ========================================================= */ .grd-clinic-image::after { content: ""; position: absolute; z-index: 4; top: 9px; right: 9px; bottom: 9px; left: 9px; border: 1px solid rgba(255,255,255,0.48); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(216,184,106,0.18), inset 0 0 18px rgba(13,40,71,0.05); pointer-events: none; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= SHINE LAYER ========================================================= */ .grd-clinic-image::before { content: ""; position: absolute; z-index: 5; top: -45%; left: -65%; width: 34%; height: 190%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.32) 39%, rgba(255,255,255,0.78) 49%, rgba(240,213,139,0.48) 56%, rgba(216,184,106,0.24) 63%, rgba(255,255,255,0.08) 71%, transparent 82% ); transform: skewX(-19deg); opacity: 0; pointer-events: none; } /* ========================================================= HOVER — MAIN FRAME ========================================================= */ .grd-clinic-image:hover { animation-play-state: paused; background: linear-gradient( 145deg, #F4DC98 0%, #D8B86A 30%, #1A968A 63%, #0D2847 100% ) !important; border-color: #F0D58B !important; box-shadow: 0 28px 55px rgba(13,40,71,0.27), 0 12px 24px rgba(13,40,71,0.15), /* gold outline */ 0 0 0 4px rgba(216,184,106,0.16), /* gold glow */ 0 0 28px rgba(216,184,106,0.21), /* emerald secondary glow */ 0 0 42px rgba(22,135,124,0.10) !important; } /* ========================================================= HOVER — IMAGE ========================================================= */ .grd-clinic-image:hover > img { transform: scale(1.035); filter: brightness(1.035) contrast(1.03) saturate(1.04) !important; } /* ========================================================= HOVER — INNER LINE ========================================================= */ .grd-clinic-image:hover::after { border-color: rgba(240,213,139,0.78); box-shadow: inset 0 0 0 1px rgba(216,184,106,0.28), inset 0 0 22px rgba(216,184,106,0.08), 0 0 12px rgba(216,184,106,0.12); } /* ========================================================= HOVER — SHINE ========================================================= */ .grd-clinic-image:hover::before { animation: grd-image-shine 0.95s cubic-bezier(.20,.70,.25,1) forwards; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes grd-image-shine { 0% { left: -65%; opacity: 0; } 12% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= CONTINUOUS SOFT FLOAT ========================================================= */ @keyframes grd-image-floating { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -6px, 0); } 100% { transform: translate3d(0, 0, 0); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-clinic-image { padding: 4px !important; border-radius: 18px !important; animation-duration: 5.4s; } .grd-clinic-image > img { border-radius: 13px !important; } .grd-clinic-image::after { top: 8px; right: 8px; bottom: 8px; left: 8px; border-radius: 10px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-clinic-image { padding: 3px !important; border-radius: 15px !important; animation-duration: 5.8s; box-shadow: 0 15px 30px rgba(13,40,71,0.19), 0 6px 13px rgba(13,40,71,0.11), 0 0 0 2px rgba(216,184,106,0.12) !important; } .grd-clinic-image > img { border-radius: 11px !important; } .grd-clinic-image::after { top: 6px; right: 6px; bottom: 6px; left: 6px; border-radius: 8px; } .grd-clinic-image:hover > img { transform: scale(1.025); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-clinic-image { animation: none !important; } .grd-clinic-image:hover::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-a4ca113 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM FAQ Class: grd-premium-faq Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= MAIN ACCORDION ========================================================= */ .grd-premium-faq .e-n-accordion { display: flex; flex-direction: column; gap: 12px; margin: 0; } /* ========================================================= FAQ ITEM ========================================================= */ .grd-premium-faq .e-n-accordion-item { position: relative; background: linear-gradient( 180deg, #FFFFFF 0%, #FBFAF7 100% ); border: 1px solid rgba(216,184,106,0.52); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 24px rgba(13,40,71,0.08), 0 3px 9px rgba(13,40,71,0.05), 0 0 0 2px rgba(216,184,106,0.035); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* Left luxury accent */ .grd-premium-faq .e-n-accordion-item::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 4px 4px 0; background: linear-gradient( 180deg, #D8B86A 0%, #16877C 52%, #0D2847 100% ); opacity: 0.85; box-shadow: 0 0 10px rgba(216,184,106,0.12); transition: top 0.35s ease, bottom 0.35s ease, width 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease; } /* ========================================================= SUMMARY / QUESTION ========================================================= */ .grd-premium-faq .e-n-accordion-item-title { position: relative; display: flex !important; align-items: center !important; justify-content: left !important; gap: 16px; min-height: 64px; padding: 15px 17px 15px 20px !important; background: transparent !important; border: none !important; cursor: pointer; overflow: hidden; transition: background 0.35s ease, padding-left 0.35s ease; } /* Remove browser marker */ .grd-premium-faq summary::-webkit-details-marker { display: none; } .grd-premium-faq summary::marker { content: ""; } /* ========================================================= QUESTION TEXT ========================================================= */ .grd-premium-faq .e-n-accordion-item-title-text { color: #0D2847 !important; font-weight: 700; line-height: 1.35; letter-spacing: 0.02px; transition: color 0.35s ease, transform 0.35s ease; } /* ========================================================= ICON HOLDER ========================================================= */ .grd-premium-faq .e-n-accordion-item-title-icon { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px; height: 34px; min-width: 34px; margin: 0 !important; border: 1px solid rgba(22,135,124,0.36); border-radius: 10px; background: linear-gradient( 145deg, rgba(22,135,124,0.10), rgba(216,184,106,0.07) ); color: #16877C !important; box-shadow: 0 4px 10px rgba(13,40,71,0.06), inset 0 1px 0 rgba(255,255,255,0.75); transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease; } /* SVG */ .grd-premium-faq .e-n-accordion-item-title-icon svg { width: 12px !important; height: 12px !important; fill: currentColor !important; transition: transform 0.35s ease, fill 0.35s ease; } /* ========================================================= HOVER — ITEM ========================================================= */ .grd-premium-faq .e-n-accordion-item:hover { transform: translateY(-2px); border-color: rgba(216,184,106,0.82); box-shadow: 0 15px 32px rgba(13,40,71,0.12), 0 6px 14px rgba(13,40,71,0.07), 0 0 0 3px rgba(216,184,106,0.05), 0 0 18px rgba(216,184,106,0.08); } /* Accent stronger */ .grd-premium-faq .e-n-accordion-item:hover::before { top: 8px; bottom: 8px; width: 4px; opacity: 1; box-shadow: 0 0 14px rgba(216,184,106,0.20); } /* Question shift */ .grd-premium-faq .e-n-accordion-item:hover .e-n-accordion-item-title-text { color: #16877C !important; transform: translateX(2px); } /* Icon hover */ .grd-premium-faq .e-n-accordion-item:hover .e-n-accordion-item-title-icon { border-color: rgba(216,184,106,0.85); color: #D8B86A !important; box-shadow: 0 5px 12px rgba(13,40,71,0.09), 0 0 0 3px rgba(216,184,106,0.06); } /* ========================================================= SHINE ON QUESTION ========================================================= */ .grd-premium-faq .e-n-accordion-item-title::before { content: ""; position: absolute; top: -50%; left: -70%; width: 28%; height: 200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.02) 28%, rgba(255,255,255,0.55) 48%, rgba(216,184,106,0.22) 57%, rgba(255,255,255,0.06) 68%, transparent 82% ); transform: skewX(-18deg); opacity: 0; pointer-events: none; z-index: 1; } /* Keep content above shine */ .grd-premium-faq .e-n-accordion-item-title-header, .grd-premium-faq .e-n-accordion-item-title-icon { position: relative; z-index: 3; } /* Shine animation */ .grd-premium-faq .e-n-accordion-item:hover .e-n-accordion-item-title::before { animation: grdFaqShine 0.85s cubic-bezier(.2,.7,.25,1) forwards; } @keyframes grdFaqShine { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= OPEN / ACTIVE ITEM ========================================================= */ .grd-premium-faq .e-n-accordion-item[open] { border-color: rgba(216,184,106,0.92); box-shadow: 0 17px 36px rgba(13,40,71,0.13), 0 6px 16px rgba(13,40,71,0.07), 0 0 0 3px rgba(216,184,106,0.06); } /* Active question */ .grd-premium-faq .e-n-accordion-item[open] .e-n-accordion-item-title { background: linear-gradient( 90deg, rgba(22,135,124,0.055) 0%, rgba(216,184,106,0.045) 58%, transparent 100% ) !important; } /* Active title */ .grd-premium-faq .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: #0D2847 !important; } /* Active icon */ .grd-premium-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #E9D18D 0%, #D8B86A 60%, #C8A64F 100% ); border-color: #EED993; color: #0D2847 !important; transform: rotate(0deg); box-shadow: 0 5px 12px rgba(13,40,71,0.10), 0 0 0 3px rgba(216,184,106,0.08), 0 0 14px rgba(216,184,106,0.10); } /* ========================================================= FAQ CONTENT ========================================================= */ .grd-premium-faq .e-n-accordion-item > [role="region"] { position: relative; padding: 4px 20px 18px 20px !important; background: transparent !important; } /* Divider before answer */ .grd-premium-faq .e-n-accordion-item > [role="region"]::before { content: ""; display: block; width: 100%; height: 1px; margin: 0 0 14px; background: linear-gradient( 90deg, #D8B86A 0%, rgba(22,135,124,0.42) 34%, rgba(13,40,71,0.14) 70%, transparent 100% ); } /* Answer text */ .grd-premium-faq .elementor-widget-text-editor, .grd-premium-faq .elementor-widget-text-editor p { color: #46515A !important; line-height: 1.7; } /* Strong content */ .grd-premium-faq .elementor-widget-text-editor strong { color: #0D2847; font-weight: 700; } /* Remove final paragraph margin */ .grd-premium-faq .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ========================================================= FOCUS ========================================================= */ .grd-premium-faq .e-n-accordion-item-title:focus-visible { outline: 2px solid rgba(216,184,106,0.72); outline-offset: -3px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-premium-faq .e-n-accordion { gap: 10px; } .grd-premium-faq .e-n-accordion-item { border-radius: 13px; } .grd-premium-faq .e-n-accordion-item-title { min-height: 60px; padding: 13px 15px 13px 18px !important; } .grd-premium-faq .e-n-accordion-item-title-icon { width: 32px; height: 32px; min-width: 32px; border-radius: 9px; } .grd-premium-faq .e-n-accordion-item > [role="region"] { padding: 3px 18px 16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-premium-faq .e-n-accordion { gap: 9px; } .grd-premium-faq .e-n-accordion-item { border-radius: 11px; box-shadow: 0 8px 19px rgba(13,40,71,0.08), 0 3px 8px rgba(13,40,71,0.05); } .grd-premium-faq .e-n-accordion-item-title { min-height: 55px; padding: 11px 12px 11px 15px !important; gap: 11px; } .grd-premium-faq .e-n-accordion-item-title-text { font-size: 15px; line-height: 1.35; } .grd-premium-faq .e-n-accordion-item-title-icon { width: 29px; height: 29px; min-width: 29px; border-radius: 8px; } .grd-premium-faq .e-n-accordion-item-title-icon svg { width: 10px !important; height: 10px !important; } .grd-premium-faq .e-n-accordion-item > [role="region"] { padding: 2px 15px 14px !important; } .grd-premium-faq .elementor-widget-text-editor, .grd-premium-faq .elementor-widget-text-editor p { font-size: 14px; line-height: 1.6; } .grd-premium-faq .e-n-accordion-item:hover { transform: translateY(-1px); } } /* ========================================================= TOUCH DEVICES ========================================================= */ @media (hover: none) { .grd-premium-faq .e-n-accordion-item:hover { transform: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-premium-faq .e-n-accordion-item, .grd-premium-faq .e-n-accordion-item::before, .grd-premium-faq .e-n-accordion-item-title, .grd-premium-faq .e-n-accordion-item-title-icon, .grd-premium-faq .e-n-accordion-item-title-text { transition: none !important; } .grd-premium-faq .e-n-accordion-item:hover .e-n-accordion-item-title::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1873125 *//* ========================================================= GROVE ROAD DENTAL — SIGNATURE BUTTON Elementor Widget Class: grd-premium-btn Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ------------------------- MAIN BUTTON ------------------------- */ .grd-premium-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 11px 21px 11px 24px; background: radial-gradient( circle at 15% 0%, rgba(255,255,255,0.18) 0%, transparent 38% ), linear-gradient( 135deg, #1A9185 0%, #16877C 48%, #10766D 100% ) !important; color: #FFFFFF !important; border: 1px solid #D8B86A !important; border-radius: 8px; overflow: hidden; isolation: isolate; font-weight: 600; letter-spacing: 0.15px; text-decoration: none; box-shadow: 0 8px 22px rgba(13, 40, 71, 0.15), 0 0 0 3px rgba(216, 184, 106, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(13, 40, 71, 0.14); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, color 0.35s ease !important; } /* ========================================================= INNER PREMIUM BORDER ========================================================= */ .grd-premium-btn .elementor-button::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 5px; pointer-events: none; z-index: 1; transition: border-color 0.35s ease, box-shadow 0.35s ease; } /* ========================================================= SHINE ========================================================= */ .grd-premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -80%; width: 42%; height: 200%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.38) 48%, rgba(255,255,255,0.12) 58%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; z-index: 2; transition: left 0.75s cubic-bezier(.22,.61,.36,1); } /* ========================================================= CONTENT ========================================================= */ .grd-premium-btn .elementor-button-content-wrapper { position: relative; z-index: 5; display: flex; align-items: center; gap: 11px; } /* ========================================================= ICON HOLDER ========================================================= */ .grd-premium-btn .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; min-width: 29px; margin: 0 !important; color: #F0D58F !important; background: linear-gradient( 145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.035) ); border: 1px solid rgba(216, 184, 106, 0.95); border-radius: 50%; box-shadow: 0 0 0 2px rgba(216, 184, 106, 0.06), inset 0 1px 0 rgba(255,255,255,0.15); transition: transform 0.4s cubic-bezier(.2,.8,.2,1), color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Actual Elementor SVG */ .grd-premium-btn .elementor-button-icon svg { display: block; width: 10px; height: 10px; fill: currentColor !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1); } /* ========================================================= BUTTON TEXT ========================================================= */ .grd-premium-btn .elementor-button-text { position: relative; color: #FFFFFF !important; line-height: 1.2; text-shadow: 0 1px 2px rgba(13, 40, 71, 0.15); transition: color 0.35s ease; } /* ========================================================= HOVER — EMERALD TO NAVY ========================================================= */ .grd-premium-btn .elementor-button:hover { background: radial-gradient( circle at 80% 0%, rgba(22, 135, 124, 0.35) 0%, transparent 42% ), linear-gradient( 135deg, #123A58 0%, #0D2847 50%, #081E37 100% ) !important; color: #FFFFFF !important; border-color: #D8B86A !important; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(13, 40, 71, 0.22), 0 5px 12px rgba(13, 40, 71, 0.12), /* GOLD OUTER HALO */ 0 0 0 3px rgba(216, 184, 106, 0.11), 0 0 22px rgba(216, 184, 106, 0.14), inset 0 1px 0 rgba(255,255,255,0.13), inset 0 -1px 0 rgba(0,0,0,0.14); } /* Inner border becomes champagne */ .grd-premium-btn .elementor-button:hover::after { border-color: rgba(216, 184, 106, 0.32); box-shadow: inset 0 0 12px rgba(216, 184, 106, 0.04); } /* Shine movement */ .grd-premium-btn .elementor-button:hover::before { left: 140%; } /* ========================================================= ICON HOVER ========================================================= */ .grd-premium-btn .elementor-button:hover .elementor-button-icon { background: linear-gradient( 145deg, #E9D18D 0%, #D8B86A 55%, #C9A755 100% ); color: #0D2847 !important; border-color: #F0D997; transform: translateX(3px); box-shadow: 0 4px 10px rgba(0,0,0,0.14), 0 0 0 3px rgba(216,184,106,0.10), 0 0 14px rgba(216,184,106,0.20); } .grd-premium-btn .elementor-button:hover .elementor-button-icon svg { fill: #0D2847 !important; transform: translateX(1px); } /* ========================================================= ACTIVE / CLICK ========================================================= */ .grd-premium-btn .elementor-button:active { transform: translateY(0); box-shadow: 0 5px 14px rgba(13,40,71,0.16), 0 0 0 2px rgba(216,184,106,0.10); } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .grd-premium-btn .elementor-button:focus-visible { outline: none; box-shadow: 0 10px 25px rgba(13,40,71,0.18), 0 0 0 3px #FFFFFF, 0 0 0 6px rgba(216,184,106,0.55); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-premium-btn .elementor-button { min-height: 50px; padding: 10px 19px 10px 22px; } .grd-premium-btn .elementor-button-icon { width: 28px; height: 28px; min-width: 28px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-premium-btn .elementor-button { min-height: 47px; padding: 9px 16px 9px 18px; border-radius: 7px; font-size: 14px; } .grd-premium-btn .elementor-button::after { inset: 2px; border-radius: 5px; } .grd-premium-btn .elementor-button-content-wrapper { gap: 9px; } .grd-premium-btn .elementor-button-icon { width: 26px; height: 26px; min-width: 26px; } .grd-premium-btn .elementor-button-icon svg { width: 9px; height: 9px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-premium-btn .elementor-button, .grd-premium-btn .elementor-button::before, .grd-premium-btn .elementor-button::after, .grd-premium-btn .elementor-button-icon, .grd-premium-btn .elementor-button-icon svg { transition: none !important; } }/* End custom CSS */