.elementor-4405 .elementor-element.elementor-element-04294ca{--display:flex;--overlay-opacity:0.15;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-04294ca:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-04294ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hamrahmashin.com/wp-content/uploads/2026/09/Grove-Road-Dental-Practice-007.jpg");background-size:cover;}.elementor-4405 .elementor-element.elementor-element-04294ca::before, .elementor-4405 .elementor-element.elementor-element-04294ca > .elementor-background-video-container::before, .elementor-4405 .elementor-element.elementor-element-04294ca > .e-con-inner > .elementor-background-video-container::before, .elementor-4405 .elementor-element.elementor-element-04294ca > .elementor-background-slideshow::before, .elementor-4405 .elementor-element.elementor-element-04294ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-4405 .elementor-element.elementor-element-04294ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3a81bef );--background-overlay:'';}.elementor-4405 .elementor-element.elementor-element-38c04b4{--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-4405 .elementor-element.elementor-element-1db3a4c{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.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-4405 .elementor-element.elementor-element-aa3c28e{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-aa3c28e .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-9dd9fe0 .elementor-heading-title{font-size:70px;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-4405 .elementor-element.elementor-element-3a89935{color:#000000;}.elementor-4405 .elementor-element.elementor-element-161228e{--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-4405 .elementor-element.elementor-element-ac71c8e{--display:flex;}.elementor-4405 .elementor-element.elementor-element-ac71c8e.e-con{--flex-grow:0;--flex-shrink:0;}.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-4405 .elementor-element.elementor-element-3688cb3 .elementor-icon-list-icon i{color:var( --e-global-color-1c24f0c );transition:color 0.3s;}.elementor-4405 .elementor-element.elementor-element-3688cb3 .elementor-icon-list-icon svg{fill:var( --e-global-color-1c24f0c );transition:fill 0.3s;}.elementor-4405 .elementor-element.elementor-element-3688cb3{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:9px;}.elementor-4405 .elementor-element.elementor-element-3688cb3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4405 .elementor-element.elementor-element-19af9eb{--display:flex;}.elementor-4405 .elementor-element.elementor-element-1085e8a .elementor-icon-list-icon i{color:var( --e-global-color-1c24f0c );transition:color 0.3s;}.elementor-4405 .elementor-element.elementor-element-1085e8a .elementor-icon-list-icon svg{fill:var( --e-global-color-1c24f0c );transition:fill 0.3s;}.elementor-4405 .elementor-element.elementor-element-1085e8a{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:9px;}.elementor-4405 .elementor-element.elementor-element-1085e8a .elementor-icon-list-text{transition:color 0.3s;}.elementor-4405 .elementor-element.elementor-element-0cf7cc6{--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-evenly;--align-items:center;}.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-4405 .elementor-element.elementor-element-b19b3dc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4405 .elementor-element.elementor-element-3328379 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4405 .elementor-element.elementor-element-8b60097{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-4405 .elementor-element.elementor-element-f23e44e{margin:-46px -46px calc(var(--kit-widget-spacing, 0px) + 0px) -36px;}.elementor-4405 .elementor-element.elementor-element-aa6e495{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-49ce85e{--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-4405 .elementor-element.elementor-element-37cf826{--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-4405 .elementor-element.elementor-element-6dc6afe{--display:flex;}.elementor-4405 .elementor-element.elementor-element-0ef12bf{--display:flex;--justify-content:flex-end;}.elementor-4405 .elementor-element.elementor-element-e312441{--display:flex;}.elementor-4405 .elementor-element.elementor-element-f00b97d{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-f00b97d .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-40314a6{padding:5px 0px 10px 0px;}.elementor-4405 .elementor-element.elementor-element-40314a6 .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4405 .elementor-element.elementor-element-ef2b98a{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-b2bb255 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4405 .elementor-element.elementor-element-d6c8577{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-d6c8577:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-d6c8577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5FFFC;}.elementor-4405 .elementor-element.elementor-element-0a8fec2{--display:flex;}.elementor-4405 .elementor-element.elementor-element-cfe2957{padding:0px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-cfe2957 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-b91f729{padding:5px 0px 10px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-b91f729 .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4405 .elementor-element.elementor-element-157f1cb{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-18fd9ba{--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:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-4405 .elementor-element.elementor-element-cce1294{--display:flex;}.elementor-4405 .elementor-element.elementor-element-a538ef8 img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-6c90baf{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-6c90baf .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-2a2dd21{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-c411948{--display:flex;}.elementor-4405 .elementor-element.elementor-element-4dc03f7 img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-dcf7012{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-dcf7012 .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-4f71f80{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-ee23576{--display:flex;}.elementor-4405 .elementor-element.elementor-element-cdde956 img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-0f5e3f3{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-0f5e3f3 .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-04789c1{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-02ca3ab{--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-4405 .elementor-element.elementor-element-c55d1a5{--display:flex;}.elementor-4405 .elementor-element.elementor-element-e4c49dd img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-32bfabf{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-32bfabf .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-fc7c8a3{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-d24fe30{--display:flex;}.elementor-4405 .elementor-element.elementor-element-f2ad275 img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-86a0912{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-86a0912 .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-bc4784e{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-24ba4db{--display:flex;}.elementor-4405 .elementor-element.elementor-element-fbc7cb4 img{border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-b7e84f4{padding:12px 0px 12px 0px;text-align:center;}.elementor-4405 .elementor-element.elementor-element-b7e84f4 .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-67e0413{text-align:center;color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-1382302 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4405 .elementor-element.elementor-element-70537a0{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-6c226c2{--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-4405 .elementor-element.elementor-element-f9659f1{--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-4405 .elementor-element.elementor-element-a0dff25{--display:flex;}.elementor-4405 .elementor-element.elementor-element-96b7681{--display:flex;--justify-content:flex-end;}.elementor-4405 .elementor-element.elementor-element-4b8791b{--display:flex;}.elementor-4405 .elementor-element.elementor-element-ced110a{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-ced110a .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-3a81bef );}.elementor-4405 .elementor-element.elementor-element-bbc8ab8{padding:5px 0px 10px 0px;}.elementor-4405 .elementor-element.elementor-element-bbc8ab8 .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.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-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-4405 .elementor-element.elementor-element-f9ff4f6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4405 .elementor-element.elementor-element-f9ff4f6.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-f9ff4f6.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-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon{font-size:30px;}.elementor-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-f9ff4f6:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-f9ff4f6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-f9ff4f6 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-272c484 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-4405 .elementor-element.elementor-element-272c484.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4405 .elementor-element.elementor-element-272c484.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-272c484.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-4405 .elementor-element.elementor-element-272c484 .elementor-icon{font-size:30px;}.elementor-4405 .elementor-element.elementor-element-272c484 .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-272c484 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-272c484 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-272c484:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-272c484:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-272c484 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-15cab06 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-4405 .elementor-element.elementor-element-15cab06.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4405 .elementor-element.elementor-element-15cab06.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-15cab06.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-4405 .elementor-element.elementor-element-15cab06 .elementor-icon{font-size:30px;}.elementor-4405 .elementor-element.elementor-element-15cab06 .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-15cab06 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-15cab06 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-15cab06:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-15cab06:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-15cab06 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-4405 .elementor-element.elementor-element-81e90b4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e3d7da9 );}.elementor-4405 .elementor-element.elementor-element-81e90b4.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-81e90b4.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-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon{font-size:30px;}.elementor-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-81e90b4:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-81e90b4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-81e90b4 .elementor-icon-box-description{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-a7edad2{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-a7edad2:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-a7edad2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(295deg, #EFFFFD 0%, #D8B86A5C 100%);}.elementor-4405 .elementor-element.elementor-element-28ef29c{--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-4405 .elementor-element.elementor-element-113c6af{--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-4405 .elementor-element.elementor-element-cadba78{--display:flex;}.elementor-4405 .elementor-element.elementor-element-5d2d02b{--display:flex;--justify-content:center;}.elementor-4405 .elementor-element.elementor-element-5fda495{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-5fda495 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-bb7bbfb{padding:5px 0px 10px 0px;}.elementor-4405 .elementor-element.elementor-element-bb7bbfb .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4405 .elementor-element.elementor-element-19f6ccf{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-c74cdfa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4405 .elementor-element.elementor-element-628f021{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-16d5346{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-cccbe90{--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-4405 .elementor-element.elementor-element-e2eeebd{--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-4405 .elementor-element.elementor-element-88c6883{--display:flex;}.elementor-4405 .elementor-element.elementor-element-d476b9e{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4405 .elementor-element.elementor-element-c320f3d{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-c320f3d .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-2fc8f9d );}.elementor-4405 .elementor-element.elementor-element-54e9894{padding:5px 0px 10px 0px;}.elementor-4405 .elementor-element.elementor-element-54e9894 .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-6d3401b );}.elementor-4405 .elementor-element.elementor-element-f4e358b{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-cc12990{--display:flex;}.elementor-4405 .elementor-element.elementor-element-9654e88{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-a5f9a0c{--display:flex;}.elementor-4405 .elementor-element.elementor-element-e6727c9{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-d841c84{--display:flex;}.elementor-4405 .elementor-element.elementor-element-c730723{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-4a3de7b{--display:flex;}.elementor-4405 .elementor-element.elementor-element-5989194{color:var( --e-global-color-fd597f5 );}.elementor-4405 .elementor-element.elementor-element-bf47698{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-4405 .elementor-element.elementor-element-95fcefa{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-d053474{--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.84;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-d053474:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-d053474 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2fc8f9d );background-image:url("https://hamrahmashin.com/wp-content/uploads/2026/09/bgg.jpg");background-position:center center;background-size:cover;}.elementor-4405 .elementor-element.elementor-element-d053474::before, .elementor-4405 .elementor-element.elementor-element-d053474 > .elementor-background-video-container::before, .elementor-4405 .elementor-element.elementor-element-d053474 > .e-con-inner > .elementor-background-video-container::before, .elementor-4405 .elementor-element.elementor-element-d053474 > .elementor-background-slideshow::before, .elementor-4405 .elementor-element.elementor-element-d053474 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4405 .elementor-element.elementor-element-d053474 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2fc8f9d );--background-overlay:'';}.elementor-4405 .elementor-element.elementor-element-edb4451{--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-between;--align-items:center;}.elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-4405 .elementor-element.elementor-element-f6bb56f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-f6bb56f.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-f6bb56f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon{font-size:25px;padding:10px;}.elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon-box-title{color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-f6bb56f:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-f6bb56f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-f6bb56f .elementor-icon-box-description{color:#FFC400;}.elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-4405 .elementor-element.elementor-element-73b1638.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-73b1638.elementor-view-framed .elementor-icon, .elementor-4405 .elementor-element.elementor-element-73b1638.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon{font-size:25px;padding:10px;}.elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-73b1638:has(:hover) .elementor-icon-box-title, .elementor-4405 .elementor-element.elementor-element-73b1638:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1c24f0c );}.elementor-4405 .elementor-element.elementor-element-73b1638 .elementor-icon-box-description{color:#FFC400;}.elementor-4405 .elementor-element.elementor-element-8f8a3a2{--display:flex;}.elementor-4405 .elementor-element.elementor-element-25b009e{padding:5px 0px 10px 0px;}.elementor-4405 .elementor-element.elementor-element-25b009e .elementor-heading-title{font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-6917711{color:#F0F0F0;}.elementor-4405 .elementor-element.elementor-element-4ab8a09{padding:0px 0px 12px 0px;}.elementor-4405 .elementor-element.elementor-element-4ab8a09 .elementor-heading-title{font-size:20px;font-weight:600;color:#FFB700;}@media(min-width:768px){.elementor-4405 .elementor-element.elementor-element-38c04b4{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-ac71c8e{--width:52.109%;}.elementor-4405 .elementor-element.elementor-element-8b60097{--width:70%;}.elementor-4405 .elementor-element.elementor-element-aa6e495{--content-width:1473px;}.elementor-4405 .elementor-element.elementor-element-49ce85e{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-0a8fec2{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-70537a0{--content-width:1473px;}.elementor-4405 .elementor-element.elementor-element-6c226c2{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-a7edad2{--content-width:1473px;}.elementor-4405 .elementor-element.elementor-element-28ef29c{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-16d5346{--content-width:1473px;}.elementor-4405 .elementor-element.elementor-element-cccbe90{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-95fcefa{--content-width:1473px;}.elementor-4405 .elementor-element.elementor-element-d053474{--content-width:1300px;}.elementor-4405 .elementor-element.elementor-element-edb4451{--width:89%;}}@media(max-width:1024px){.elementor-4405 .elementor-element.elementor-element-04294ca{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-4405 .elementor-element.elementor-element-04294ca{--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4405 .elementor-element.elementor-element-1db3a4c{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-4405 .elementor-element.elementor-element-9dd9fe0 .elementor-heading-title{font-size:35px;}.elementor-4405 .elementor-element.elementor-element-0cf7cc6{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-4405 .elementor-element.elementor-element-49ce85e{--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;}.elementor-4405 .elementor-element.elementor-element-40314a6 .elementor-heading-title{font-size:32px;}.elementor-4405 .elementor-element.elementor-element-b91f729 .elementor-heading-title{font-size:32px;}.elementor-4405 .elementor-element.elementor-element-bbc8ab8 .elementor-heading-title{font-size:32px;}.elementor-4405 .elementor-element.elementor-element-28ef29c{--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;}.elementor-4405 .elementor-element.elementor-element-bb7bbfb .elementor-heading-title{font-size:32px;}.elementor-4405 .elementor-element.elementor-element-54e9894 .elementor-heading-title{font-size:32px;}.elementor-4405 .elementor-element.elementor-element-25b009e .elementor-heading-title{font-size:32px;}}/* Start custom CSS for icon-list, class: .elementor-element-3688cb3 *//* ========================================================= GROVE ROAD DENTAL — MINIMAL PREMIUM ICON LIST Class: grd-premium-list Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= LIST WRAPPER ========================================================= */ .grd-premium-list .elementor-icon-list-items { display: flex; flex-direction: column; gap: 9px; margin: 0; padding: 0; } /* ========================================================= LIST ITEM ========================================================= */ .grd-premium-list .elementor-icon-list-item { position: relative; display: flex !important; align-items: center !important; min-height: 46px; padding: 8px 12px 8px 16px; background: transparent !important; border: none !important; border-radius: 0; overflow: hidden; transition: transform 0.35s ease, padding-left 0.35s ease; } /* ========================================================= LEFT GOLD ACCENT ========================================================= */ .grd-premium-list .elementor-icon-list-item::before { content: ""; position: absolute; left: 0; top: 7px; bottom: 7px; width: 2px; border-radius: 3px; background: linear-gradient( 180deg, rgba(216,184,106,0.25) 0%, #D8B86A 50%, rgba(216,184,106,0.25) 100% ); box-shadow: 0 0 8px rgba(216,184,106,0.12); transition: width 0.35s ease, top 0.35s ease, bottom 0.35s ease, box-shadow 0.35s ease; } /* ========================================================= BOTTOM DETAIL LINE ========================================================= */ .grd-premium-list .elementor-icon-list-item::after { content: ""; position: absolute; left: 16px; right: 12px; bottom: 0; height: 1px; background: linear-gradient( 90deg, rgba(216,184,106,0.60) 0%, rgba(22,135,124,0.30) 35%, rgba(13,40,71,0.12) 70%, transparent 100% ); transform: scaleX(0.78); transform-origin: left center; opacity: 0.72; transition: transform 0.4s ease, opacity 0.35s ease; } /* ========================================================= ICON HOLDER ========================================================= */ .grd-premium-list .elementor-icon-list-icon { position: relative; z-index: 2; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px; height: 30px; min-width: 30px; margin: 0 11px 0 0 !important; align-self: center !important; color: #16877C !important; border: 1px solid rgba(22,135,124,0.28); border-radius: 50%; background: rgba(255,255,255,0.18); box-shadow: 0 0 0 3px rgba(22,135,124,0.035), inset 0 1px 0 rgba(255,255,255,0.30); transition: transform 0.35s ease, border-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease; } /* Elementor may inject vertical-align / flex-start */ .grd-premium-list .elementor-icon-list-icon { align-self: center !important; } /* SVG */ .grd-premium-list .elementor-icon-list-icon svg { display: block !important; width: 14px !important; height: 14px !important; margin: 0 !important; fill: #16877C !important; transform: none; transition: fill 0.35s ease, transform 0.35s ease; } /* ========================================================= TEXT ========================================================= */ .grd-premium-list .elementor-icon-list-text { position: relative; z-index: 2; display: flex; align-items: center; color: #0D2847 !important; font-weight: 600; line-height: 1.4; transition: color 0.35s ease, transform 0.35s ease; } /* ========================================================= SHINE ========================================================= */ .grd-premium-list .elementor-icon-list-item span.elementor-icon-list-text::after { content: ""; position: absolute; top: -80%; left: -40px; width: 22px; height: 260%; background: linear-gradient( 100deg, transparent 0%, rgba(255,255,255,0.04) 20%, rgba(216,184,106,0.30) 50%, rgba(255,255,255,0.08) 65%, transparent 100% ); transform: skewX(-18deg); opacity: 0; pointer-events: none; } /* ========================================================= HOVER ========================================================= */ .grd-premium-list .elementor-icon-list-item:hover { transform: translateX(3px); padding-left: 19px; } /* Gold bar becomes stronger */ .grd-premium-list .elementor-icon-list-item:hover::before { width: 3px; top: 4px; bottom: 4px; box-shadow: 0 0 11px rgba(216,184,106,0.26); } /* Bottom line expands */ .grd-premium-list .elementor-icon-list-item:hover::after { transform: scaleX(1); opacity: 1; } /* Icon hover */ .grd-premium-list .elementor-icon-list-item:hover .elementor-icon-list-icon { color: #D8B86A !important; border-color: rgba(216,184,106,0.85); transform: scale(1.07); box-shadow: 0 0 0 3px rgba(216,184,106,0.07), 0 0 12px rgba(216,184,106,0.14); } /* SVG hover */ .grd-premium-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg { fill: #D8B86A !important; transform: scale(0.92); } /* Text hover */ .grd-premium-list .elementor-icon-list-item:hover .elementor-icon-list-text { color: #0D2847 !important; transform: translateX(1px); } /* Shine animation */ .grd-premium-list .elementor-icon-list-item:hover .elementor-icon-list-text::after { opacity: 1; animation: grdListShine 0.75s ease forwards; } @keyframes grdListShine { from { left: -45px; opacity: 0; } 25% { opacity: 1; } to { left: 105%; opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-premium-list .elementor-icon-list-items { gap: 8px; } .grd-premium-list .elementor-icon-list-item { min-height: 44px; padding: 7px 10px 7px 15px; } .grd-premium-list .elementor-icon-list-icon { width: 29px; height: 29px; min-width: 29px; margin-right: 10px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-premium-list .elementor-icon-list-items { gap: 7px; } .grd-premium-list .elementor-icon-list-item { min-height: 42px; padding: 6px 8px 6px 13px; } .grd-premium-list .elementor-icon-list-item::before { top: 6px; bottom: 6px; } .grd-premium-list .elementor-icon-list-item::after { left: 13px; right: 8px; } .grd-premium-list .elementor-icon-list-icon { width: 27px; height: 27px; min-width: 27px; margin-right: 9px !important; } .grd-premium-list .elementor-icon-list-icon svg { width: 12px !important; height: 12px !important; } .grd-premium-list .elementor-icon-list-text { font-size: 14px; line-height: 1.35; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-premium-list .elementor-icon-list-item, .grd-premium-list .elementor-icon-list-item::before, .grd-premium-list .elementor-icon-list-item::after, .grd-premium-list .elementor-icon-list-icon, .grd-premium-list .elementor-icon-list-icon svg, .grd-premium-list .elementor-icon-list-text { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b19b3dc *//* ========================================================= 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 */ /* Start custom CSS for image, class: .elementor-element-d256e0d *//* ========================================================= 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 container, class: .elementor-element-cce1294 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM SERVICE CARD Class: grd-service-card Navy: #0D2847 Emerald: #16877C Gold: #D8B86A ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ .grd-service-card { position: relative !important; display: flex !important; flex-direction: column !important; padding: 10px 10px 18px !important; background: linear-gradient( 180deg, rgba(255,255,255,0.99) 0%, rgba(250,249,246,0.98) 100% ) !important; border: 1px solid rgba(216,184,106,0.55) !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 14px 32px rgba(13,40,71,0.11), 0 5px 12px rgba(13,40,71,0.07), 0 0 0 2px rgba(216,184,106,0.04) !important; transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease !important; } /* ========================================================= PREMIUM TOP ACCENT ========================================================= */ .grd-service-card::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 2px; background: linear-gradient( 90deg, transparent 0%, #D8B86A 20%, #16877C 52%, #0D2847 80%, transparent 100% ); opacity: 0.85; z-index: 5; transition: left 0.45s ease, right 0.45s ease, opacity 0.45s ease; } /* ========================================================= SUBTLE INNER BORDER ========================================================= */ .grd-service-card::after { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(255,255,255,0.55); border-radius: 14px; pointer-events: none; z-index: 4; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= IMAGE WIDGET ========================================================= */ .grd-service-card .elementor-widget-image { position: relative; margin-bottom: 16px !important; overflow: hidden; border-radius: 13px; isolation: isolate; } /* Actual image */ .grd-service-card .elementor-widget-image img { display: block; width: 100%; height: auto; border-radius: 13px !important; transform: scale(1); transition: transform 0.75s cubic-bezier(.18,.75,.25,1), filter 0.5s ease !important; } /* ========================================================= IMAGE SHINE ========================================================= */ .grd-service-card .elementor-widget-image::before { content: ""; position: absolute; top: -40%; left: -70%; width: 34%; height: 190%; 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.28) 57%, rgba(255,255,255,0.08) 68%, transparent 82% ); transform: skewX(-18deg); opacity: 0; z-index: 3; pointer-events: none; } /* ========================================================= IMAGE BOTTOM BRAND LINE ========================================================= */ .grd-service-card .elementor-widget-image::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; height: 2px; background: linear-gradient( 90deg, #D8B86A 0%, #16877C 50%, #0D2847 100% ); z-index: 3; opacity: 0.8; transition: left 0.45s ease, right 0.45s ease, opacity 0.45s ease; } /* ========================================================= TITLE ========================================================= */ .grd-service-card .elementor-widget-heading { margin: 0 10px 8px !important; } .grd-service-card .elementor-heading-title { position: relative; color: #0D2847 !important; font-weight: 700; line-height: 1.25; transition: color 0.35s ease, transform 0.35s ease; } /* Small luxury underline under title */ .grd-service-card .elementor-heading-title::after { content: ""; display: block; width: 34px; height: 2px; margin-top: 8px; border-radius: 3px; background: linear-gradient( 90deg, #D8B86A, #16877C ); transition: width 0.4s ease; } /* ========================================================= DESCRIPTION ========================================================= */ .grd-service-card .elementor-widget-text-editor { margin: 0 10px !important; } .grd-service-card .elementor-widget-text-editor, .grd-service-card .elementor-widget-text-editor p { color: #46515A !important; line-height: 1.65; transition: color 0.35s ease; } /* Remove unnecessary paragraph bottom margin */ .grd-service-card .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ========================================================= HOVER — CARD ========================================================= */ .grd-service-card:hover { transform: translateY(-8px); border-color: rgba(216,184,106,0.95) !important; box-shadow: 0 24px 50px rgba(13,40,71,0.17), 0 10px 22px rgba(13,40,71,0.10), 0 0 0 3px rgba(216,184,106,0.08), 0 0 24px rgba(216,184,106,0.09) !important; } /* Expand top accent */ .grd-service-card:hover::before { left: 8px; right: 8px; opacity: 1; } /* Inner border becomes gold tinted */ .grd-service-card:hover::after { border-color: rgba(216,184,106,0.22); box-shadow: inset 0 0 18px rgba(216,184,106,0.04); } /* ========================================================= HOVER — IMAGE ========================================================= */ .grd-service-card:hover .elementor-widget-image img { transform: scale(1.045); filter: brightness(1.03) contrast(1.025) saturate(1.035) !important; } /* Shine animation */ .grd-service-card:hover .elementor-widget-image::before { animation: grdServiceShine 0.95s cubic-bezier(.2,.7,.25,1) forwards; } /* Bottom image line expands */ .grd-service-card:hover .elementor-widget-image::after { left: 2%; right: 2%; opacity: 1; } /* ========================================================= HOVER — TITLE ========================================================= */ .grd-service-card:hover .elementor-heading-title { color: #16877C !important; transform: translateX(2px); } .grd-service-card:hover .elementor-heading-title::after { width: 52px; } /* ========================================================= SHINE KEYFRAME ========================================================= */ @keyframes grdServiceShine { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-service-card { padding: 9px 9px 16px !important; border-radius: 16px !important; } .grd-service-card .elementor-widget-image, .grd-service-card .elementor-widget-image img { border-radius: 12px !important; } .grd-service-card .elementor-widget-heading { margin: 0 8px 7px !important; } .grd-service-card .elementor-widget-text-editor { margin: 0 8px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-service-card { padding: 8px 8px 14px !important; border-radius: 14px !important; box-shadow: 0 12px 25px rgba(13,40,71,0.10), 0 4px 10px rgba(13,40,71,0.06) !important; } .grd-service-card .elementor-widget-image { margin-bottom: 13px !important; border-radius: 10px; } .grd-service-card .elementor-widget-image img { border-radius: 10px !important; } .grd-service-card .elementor-heading-title { font-size: 19px; } .grd-service-card .elementor-widget-text-editor, .grd-service-card .elementor-widget-text-editor p { font-size: 14px; line-height: 1.55; } .grd-service-card:hover { transform: translateY(-4px); } } /* ========================================================= TOUCH DEVICES ========================================================= */ @media (hover: none) { .grd-service-card:hover { transform: none; } .grd-service-card:hover .elementor-widget-image img { transform: none; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-service-card, .grd-service-card::before, .grd-service-card::after, .grd-service-card .elementor-widget-image img, .grd-service-card .elementor-heading-title { transition: none !important; } .grd-service-card:hover .elementor-widget-image::before { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f9ff4f6 *//* ========================================================= 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.48) !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 14px 32px rgba(13,40,71,0.10), 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: 3px; 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: 34px; 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: 4px; 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 bdevs-testimonial-it-solution, class: .elementor-element-497857d */.pt-140 { padding-top: 60px; padding-bottom: 60px; } .tp-text-theme-4 { color: #027a6b;} .tp-testimonial-it-ratting-wrap { padding: 12px 0px 20px 0px;} .tp-testimonial-it-slide-wrapper { padding: 30px 0px;}/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-bf47698 *//* ========================================================= 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: space-between !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 container, class: .elementor-element-d053474 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM CTA PANEL Class: grd-cta-panel Brand Colours: Navy #0D2847 Emerald #16877C Gold #D8B86A NOTE: Elementor background image + overlay remain untouched. ========================================================= */ /* ========================================================= MAIN CTA PANEL ========================================================= */ .grd-cta-panel { position: relative !important; border: 1px solid rgba(216,184,106,0.92) !important; border-radius: 20px !important; overflow: hidden !important; isolation: isolate; box-shadow: 0 22px 50px rgba(13,40,71,0.22), 0 9px 22px rgba(13,40,71,0.13), 0 0 0 3px rgba(216,184,106,0.08), 0 0 28px rgba(216,184,106,0.12), 0 0 48px rgba(22,135,124,0.07) !important; transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease !important; } /* ========================================================= INNER CONTENT WRAPPER ========================================================= */ .grd-cta-panel > .e-con-inner { position: relative !important; z-index: 3; overflow: hidden; border-radius: 19px; padding: 18px 22px !important; } /* ========================================================= TOP PREMIUM LINE ========================================================= */ .grd-cta-panel > .e-con-inner::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 3px; background: linear-gradient( 90deg, transparent 0%, #D8B86A 18%, #F0D993 32%, #16877C 56%, #0D2847 82%, transparent 100% ); border-radius: 0 0 6px 6px; box-shadow: 0 2px 14px rgba(216,184,106,0.20); z-index: 10; pointer-events: none; transition: left 0.4s ease, right 0.4s ease; } /* ========================================================= BOTTOM PREMIUM LINE ========================================================= */ .grd-cta-panel > .e-con-inner::after { content: ""; position: absolute; bottom: 0; left: 7%; right: 7%; height: 2px; background: linear-gradient( 90deg, transparent, #0D2847 20%, #16877C 48%, #D8B86A 75%, transparent ); opacity: 0.9; box-shadow: 0 -2px 10px rgba(216,184,106,0.14); z-index: 10; pointer-events: none; transition: left 0.4s ease, right 0.4s ease; } /* ========================================================= CORNER DETAIL LINES ========================================================= */ .grd-cta-panel .elementor-widget-bdevs-heading-content { position: relative; } /* Bottom-right decorative corner */ .grd-cta-panel .elementor-widget-bdevs-heading-content::after { content: ""; position: absolute; right: -8px; bottom: -10px; width: 24px; height: 24px; border-right: 2px solid rgba(22,135,124,0.8); border-bottom: 2px solid rgba(22,135,124,0.8); opacity: 0.75; pointer-events: none; } /* ========================================================= TEXT AREA / LEFT PANEL ========================================================= */ /* Assumes .8f8a3a2 is the text column inside the CTA */ .grd-cta-panel .elementor-element-8f8a3a2 { position: relative; padding: 16px 18px !important; border: 1px solid rgba(255,255,255,0.18); border-radius: 14px; background: linear-gradient( 135deg, rgba(13,40,71,0.13) 0%, rgba(22,135,124,0.08) 60%, rgba(216,184,106,0.04) 100% ); backdrop-filter: blur(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 18px rgba(13,40,71,0.08); overflow: hidden; } /* Decorative accent line */ .grd-cta-panel .elementor-element-8f8a3a2::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 2px; background: linear-gradient( 180deg, #D8B86A, #16877C, #0D2847 ); border-radius: 0 4px 4px 0; box-shadow: 0 0 12px rgba(216,184,106,0.16); } /* ========================================================= MAIN CTA HEADING ========================================================= */ .grd-cta-panel .elementor-widget-bdevs-heading-content h2 { position: relative; margin-bottom: 12px !important; text-shadow: 0 2px 10px rgba(13,40,71,0.18); } /* Short gold divider under heading */ .grd-cta-panel .elementor-widget-bdevs-heading-content h2::after { content: ""; display: block; width: 254px; height: 2px; margin-top: 10px; border-radius: 3px; background: linear-gradient( 90deg, #D8B86A, #16877C ); box-shadow: 0 0 8px rgba(216,184,106,0.16); } /* ========================================================= BODY COPY ========================================================= */ .grd-cta-panel .elementor-widget-text-editor p { text-shadow: 0 1px 8px rgba(13,40,71,0.12); } /* ========================================================= GOLD SUB-CTA LINE ========================================================= */ .grd-cta-panel .elementor-widget-heading .elementor-heading-title { position: relative; display: inline-block; padding-left: 14px; } /* Small gold bullet/line */ .grd-cta-panel .elementor-widget-heading .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; transform: translateY(-50%) rotate(45deg); background: #D8B86A; box-shadow: 0 0 10px rgba(216,184,106,0.28); } /* ========================================================= ICON BOX AREA ========================================================= */ /* Assumes edb4451 contains the two icon boxes */ .grd-cta-panel .elementor-element-edb4451 { position: relative; display: flex !important; gap: 14px !important; align-items: center !important; } /* ========================================================= INDIVIDUAL ICON BOX ========================================================= */ .grd-cta-panel .elementor-widget-icon-box { position: relative; flex: 1 1 0; padding: 13px 14px !important; border: 1px solid rgba(216,184,106,0.34); border-radius: 13px; background: linear-gradient( 145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035) ); backdrop-filter: blur(2px); overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 8px 20px rgba(13,40,71,0.10), 0 0 0 2px rgba(216,184,106,0.025); transition: transform 0.4s cubic-bezier(.2,.8,.2,1), border-color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease; } /* Small top border accent */ .grd-cta-panel .elementor-widget-icon-box::after { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 2px; background: linear-gradient( 90deg, transparent, #D8B86A, #16877C, transparent ); opacity: 0.75; transition: left 0.35s ease, right 0.35s ease, opacity 0.35s ease; } /* Shine */ .grd-cta-panel .elementor-widget-icon-box::before { content: ""; position: absolute; top: -45%; left: -70%; width: 30%; height: 190%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.46) 48%, rgba(216,184,106,0.20) 58%, transparent 78% ); transform: skewX(-18deg); opacity: 0; pointer-events: none; z-index: 2; } /* Keep contents above effects */ .grd-cta-panel .elementor-icon-box-wrapper { position: relative; z-index: 3; display: flex !important; align-items: center !important; gap: 12px; } /* ========================================================= ICON HOLDER ========================================================= */ .grd-cta-panel .elementor-icon-box-icon { margin: 0 !important; } .grd-cta-panel .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px; height: 46px; min-width: 46px; border-radius: 50% !important; background: linear-gradient( 145deg, rgba(255,255,255,0.94), rgba(240,213,139,0.92) ) !important; border: 1px solid rgba(216,184,106,0.90) !important; box-shadow: 0 6px 14px rgba(13,40,71,0.15), 0 0 0 3px rgba(216,184,106,0.07), 0 0 15px rgba(216,184,106,0.10) !important; color: #0D2847 !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), background 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; } /* SVG alignment */ .grd-cta-panel .elementor-icon svg { width: 21px !important; height: 21px !important; display: block; margin: 0 auto !important; transform-origin: center; transition: transform 0.4s ease; } /* Force SVG path colors where possible */ .grd-cta-panel .elementor-icon svg path { stroke: #0D2847; transition: stroke 0.35s ease, fill 0.35s ease; } /* ========================================================= ICON BOX TITLE ========================================================= */ .grd-cta-panel .elementor-icon-box-title { margin: 0 0 4px !important; line-height: 1.25; } .grd-cta-panel .elementor-icon-box-title, .grd-cta-panel .elementor-icon-box-title a { text-shadow: 0 1px 8px rgba(13,40,71,0.14); transition: color 0.35s ease, transform 0.35s ease; } /* Description */ .grd-cta-panel .elementor-icon-box-description { margin: 0 !important; transition: transform 0.35s ease, text-shadow 0.35s ease; } /* ========================================================= ICON BOX HOVER ========================================================= */ .grd-cta-panel .elementor-widget-icon-box:hover { transform: translateY(-4px); border-color: rgba(216,184,106,0.86); background: linear-gradient( 145deg, rgba(255,255,255,0.16), rgba(216,184,106,0.06) ); box-shadow: 0 14px 28px rgba(13,40,71,0.16), 0 0 0 3px rgba(216,184,106,0.07), 0 0 18px rgba(216,184,106,0.11); } /* Expand accent */ .grd-cta-panel .elementor-widget-icon-box:hover::after { left: 5px; right: 5px; opacity: 1; } /* Shine */ .grd-cta-panel .elementor-widget-icon-box:hover::before { animation: grdCtaBoxShine 0.85s cubic-bezier(.2,.7,.25,1) forwards; } /* Icon hover */ .grd-cta-panel .elementor-widget-icon-box:hover .elementor-icon { transform: scale(1.07); background: linear-gradient( 145deg, #F0D991 0%, #D8B86A 58%, #C7A44E 100% ) !important; border-color: #F0D991 !important; box-shadow: 0 9px 18px rgba(13,40,71,0.18), 0 0 0 3px rgba(216,184,106,0.12), 0 0 20px rgba(216,184,106,0.18) !important; } /* Slight SVG motion */ .grd-cta-panel .elementor-widget-icon-box:hover .elementor-icon svg { transform: scale(0.92); } /* Text movement */ .grd-cta-panel .elementor-widget-icon-box:hover .elementor-icon-box-title { transform: translateX(2px); } .grd-cta-panel .elementor-widget-icon-box:hover .elementor-icon-box-description { transform: translateX(2px); text-shadow: 0 0 12px rgba(216,184,106,0.22); } /* ========================================================= MAIN CTA HOVER ========================================================= */ .grd-cta-panel:hover { transform: translateY(-5px); border-color: #D8B86A !important; box-shadow: 0 30px 64px rgba(13,40,71,0.28), 0 12px 28px rgba(13,40,71,0.16), 0 0 0 4px rgba(216,184,106,0.12), 0 0 34px rgba(216,184,106,0.17), 0 0 54px rgba(22,135,124,0.10) !important; } .grd-cta-panel:hover > .e-con-inner::before { left: 5px; right: 5px; } .grd-cta-panel:hover > .e-con-inner::after { left: 2%; right: 2%; } /* ========================================================= SHINE KEYFRAME ========================================================= */ @keyframes grdCtaBoxShine { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { left: 145%; opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-cta-panel { border-radius: 16px !important; } .grd-cta-panel > .e-con-inner { padding: 16px 18px !important; border-radius: 15px; } .grd-cta-panel .elementor-element-8f8a3a2 { padding: 14px 16px !important; } .grd-cta-panel .elementor-element-edb4451 { gap: 11px !important; } .grd-cta-panel .elementor-widget-icon-box { padding: 12px !important; } .grd-cta-panel .elementor-icon { width: 43px; height: 43px; min-width: 43px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-cta-panel { border-radius: 13px !important; box-shadow: 0 14px 30px rgba(13,40,71,0.18), 0 5px 12px rgba(13,40,71,0.10), 0 0 0 2px rgba(216,184,106,0.08), 0 0 18px rgba(216,184,106,0.08) !important; } .grd-cta-panel > .e-con-inner { padding: 13px !important; border-radius: 12px; } /* Text panel */ .grd-cta-panel .elementor-element-8f8a3a2 { padding: 13px 14px !important; border-radius: 11px; } /* Contact boxes stack */ .grd-cta-panel .elementor-element-edb4451 { flex-direction: column !important; gap: 9px !important; } .grd-cta-panel .elementor-widget-icon-box { width: 100%; padding: 11px 12px !important; border-radius: 11px; } .grd-cta-panel .elementor-icon-box-wrapper { flex-direction: row !important; align-items: center !important; text-align: left !important; gap: 10px; } .grd-cta-panel .elementor-icon { width: 40px; height: 40px; min-width: 40px; } .grd-cta-panel .elementor-icon svg { width: 18px !important; height: 18px !important; } .grd-cta-panel:hover { transform: translateY(-2px); } .grd-cta-panel .elementor-widget-icon-box:hover { transform: translateY(-2px); } } /* ========================================================= TOUCH ========================================================= */ @media (hover: none) { .grd-cta-panel:hover, .grd-cta-panel .elementor-widget-icon-box:hover { transform: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-cta-panel, .grd-cta-panel > .e-con-inner::before, .grd-cta-panel > .e-con-inner::after, .grd-cta-panel .elementor-widget-icon-box, .grd-cta-panel .elementor-icon { transition: none !important; } .grd-cta-panel .elementor-widget-icon-box:hover::before { animation: none !important; } }/* End custom CSS */