.elementor-751 .elementor-element.elementor-element-ca632b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:40px;}.elementor-751 .elementor-element.elementor-element-a7cc45c{--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-751 .elementor-element.elementor-element-54923f2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-751 .elementor-element.elementor-element-41ea33e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-751 .elementor-element.elementor-element-41ea33e .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:55px;font-weight:400;line-height:1px;color:#2C77BC;}.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-751 .elementor-element.elementor-element-eb66d16{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;color:#384B57;}.elementor-751 .elementor-element.elementor-element-52755c8{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-5669592{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-ae0286a{margin:-5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-01c6d7d{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-2a5dd23{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-2a5dd23 a:hover, .elementor-751 .elementor-element.elementor-element-2a5dd23 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-751 .elementor-element.elementor-element-e5d4c99{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-417406f{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-417406f a:hover, .elementor-751 .elementor-element.elementor-element-417406f a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-751 .elementor-element.elementor-element-3da43f9{--display:flex;}.elementor-751 .elementor-element.elementor-element-c10c1bc iframe{height:100vh;}.elementor-751 .elementor-element.elementor-element-a4edba6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:40px;}.elementor-751 .elementor-element.elementor-element-fc30256{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-751 .elementor-element.elementor-element-bbb5bad{padding:0px 0px 0px 110px;text-align:start;}.elementor-751 .elementor-element.elementor-element-bbb5bad img{width:4%;}.elementor-751 .elementor-element.elementor-element-23e20bf{padding:0px 0px 0px 110px;text-align:start;}.elementor-751 .elementor-element.elementor-element-23e20bf img{max-width:50%;}.elementor-751 .elementor-element.elementor-element-5663d57 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:26px;font-weight:600;color:#384B57;}.elementor-751 .elementor-element.elementor-element-63fd6b1{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.elementor-751 .elementor-element.elementor-element-a6e9b20{--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;--margin-top:0%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;}.elementor-751 .elementor-element.elementor-element-9c6c62c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-751 .elementor-element.elementor-element-fe0a0b9 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:26px;font-weight:400;color:#384B57;}.elementor-751 .elementor-element.elementor-element-404aa78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-751 .elementor-element.elementor-element-babedb3 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:26px;font-weight:400;color:#384B57;}.elementor-751 .elementor-element.elementor-element-bd54367 img{width:50%;}.elementor-751 .elementor-element.elementor-element-9642e72{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-fe4c2a4 );}.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-751 .elementor-element.elementor-element-d1fc118 .elementor-button{background-color:var( --e-global-color-c20a6b3 );font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-751 .elementor-element.elementor-element-8db300c .elementor-button{background-color:var( --e-global-color-c20a6b3 );}@media(max-width:767px){.elementor-751 .elementor-element.elementor-element-bbb5bad{padding:0px 0px 0px 97px;}.elementor-751 .elementor-element.elementor-element-bbb5bad img{width:14%;}.elementor-751 .elementor-element.elementor-element-23e20bf{padding:0px 0px 0px 97px;}.elementor-751 .elementor-element.elementor-element-23e20bf img{width:14%;}}@media(min-width:768px){.elementor-751 .elementor-element.elementor-element-ca632b9{--content-width:80%;}.elementor-751 .elementor-element.elementor-element-a4edba6{--content-width:80%;}.elementor-751 .elementor-element.elementor-element-9c6c62c{--width:50%;}.elementor-751 .elementor-element.elementor-element-404aa78{--width:50%;}}/* Start custom CSS for heading, class: .elementor-751 .elementor-element.elementor-element-41ea33e */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-eb66d16 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-52755c8 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-5669592 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-ae0286a */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-01c6d7d */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-2a5dd23 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-e5d4c99 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-417406f */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-54923f2 */ /* End custom CSS */ /* Start custom CSS for google_maps, class: .elementor-751 .elementor-element.elementor-element-c10c1bc */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-3da43f9 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-a7cc45c */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-ca632b9 */ /* End custom CSS */ /* Start custom CSS for image, class: .elementor-751 .elementor-element.elementor-element-bbb5bad */ /* End custom CSS */ /* Start custom CSS for image, class: .elementor-751 .elementor-element.elementor-element-23e20bf */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-751 .elementor-element.elementor-element-5663d57 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-63fd6b1 */ /* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-751 .elementor-element.elementor-element-61db5a8 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-fc30256 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-a4edba6 */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-751 .elementor-element.elementor-element-fe0a0b9 */ /* End custom CSS */ /* Start custom CSS for wpforms, class: .elementor-751 .elementor-element.elementor-element-ce624a0 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-9c6c62c */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-751 .elementor-element.elementor-element-babedb3 */ /* End custom CSS */ /* Start custom CSS for image, class: .elementor-751 .elementor-element.elementor-element-bd54367 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-751 .elementor-element.elementor-element-9642e72 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-751 .elementor-element.elementor-element-d1fc118 */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 30px; height: 30px; background-color: #ff8a65; border-radius: 50%; position: relative; cursor: pointer; transition: transform 0.3s ease; /* For the "grow" effect */ } /* The "Read More" text (Always Visible) */ #hover-circle::before { content: "Rate Bridge Clinic London on HFEA"; position: absolute; left: 60px; /* Position text to the right of the circle */ white-space: nowrap; color: #333; font-weight: 600; transition: transform 0.3s ease; /* Controls the slide-right */ } /* The sliding line */ #hover-circle::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 0; height: 2px; background-color: #333; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); } /* --- HOVER EFFECTS --- */ /* 1. Circle grows slightly */ #hover-circle:hover { transform: scale(1.1); } /* 2. Text slides right */ #hover-circle:hover::before { transform: translateX(30px); } /* 3. Line slides out */ #hover-circle:hover::after { width: 45px; } /* End custom CSS */ /* Start custom CSS for button, class: .elementor-751 .elementor-element.elementor-element-8db300c */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 30px; height: 30px; background-color: #ff8a65; border-radius: 50%; position: relative; cursor: pointer; transition: transform 0.3s ease; /* For the "grow" effect */ } /* The "Read More" text (Always Visible) */ #hover-circle::before { content: "Rate Bridge Clinic London on Google"; position: absolute; left: 60px; /* Position text to the right of the circle */ white-space: nowrap; color: #333; font-weight: 600; transition: transform 0.3s ease; /* Controls the slide-right */ } /* The sliding line */ #hover-circle::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 0; height: 2px; background-color: #333; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); } /* --- HOVER EFFECTS --- */ /* 1. Circle grows slightly */ #hover-circle:hover { transform: scale(1.1); } /* 2. Text slides right */ #hover-circle:hover::before { transform: translateX(30px); } /* 3. Line slides out */ #hover-circle:hover::after { width: 45px; } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-404aa78 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-751 .elementor-element.elementor-element-a6e9b20 */ /* End custom CSS */