.elementor-746 .elementor-element.elementor-element-df71470{--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:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-746 .elementor-element.elementor-element-35c3b9a{--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-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-746 .elementor-element.elementor-element-0776b4a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:38px;font-weight:300;line-height:1em;color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-9deb117{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-746 .elementor-element.elementor-element-5548f33 .elementor-icon-wrapper{text-align:center;}.elementor-746 .elementor-element.elementor-element-5548f33.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-5548f33.elementor-view-framed .elementor-icon, .elementor-746 .elementor-element.elementor-element-5548f33.elementor-view-default .elementor-icon{color:var( --e-global-color-6c5a1b4 );border-color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-5548f33.elementor-view-framed .elementor-icon, .elementor-746 .elementor-element.elementor-element-5548f33.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-6c5a1b4 );}.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-746 .elementor-element.elementor-element-6ce06bd{font-family:"Open Sans", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-2d6e055{font-family:"Open Sans", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-93e7739 );}.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-746 .elementor-element.elementor-element-9c7cd78 .elementor-button{background-color:#FD9576;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-radius:15px 15px 15px 15px;padding:10px 40px 10px 40px;}.elementor-746 .elementor-element.elementor-element-9c7cd78 .elementor-button:hover, .elementor-746 .elementor-element.elementor-element-9c7cd78 .elementor-button:focus{color:var( --e-global-color-kadence8 );}.elementor-746 .elementor-element.elementor-element-9c7cd78 .elementor-button:hover svg, .elementor-746 .elementor-element.elementor-element-9c7cd78 .elementor-button:focus svg{fill:var( --e-global-color-kadence8 );}.elementor-746 .elementor-element.elementor-element-2ecc177{--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;--justify-content:flex-start;}.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-746 .elementor-element.elementor-element-70b803a{--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-746 .elementor-element.elementor-element-62db534{font-family:"Open Sans", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-93e7739 );}.elementor-746 .elementor-element.elementor-element-654a2d3{--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-746 .elementor-element.elementor-element-6c4e170{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-746 .elementor-element.elementor-element-6cf7571{padding:0px 0px 0px 20px;}.elementor-746 .elementor-element.elementor-element-6cf7571 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:55px;font-weight:300;line-height:1em;color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-574e708{--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-746 .elementor-element.elementor-element-8c13484{--display:flex;}.elementor-746 .elementor-element.elementor-element-0eb9802{padding:0% 3% 0% 0%;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-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-0eb9802 a:hover, .elementor-746 .elementor-element.elementor-element-0eb9802 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-2b2ec3f{--display:flex;}.elementor-746 .elementor-element.elementor-element-1ed1f6f{padding:0% 3% 0% 0%;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-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-1ed1f6f a:hover, .elementor-746 .elementor-element.elementor-element-1ed1f6f a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-bae58a3{--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-746 .elementor-element.elementor-element-902da6a{--display:flex;}.elementor-746 .elementor-element.elementor-element-ee1e892 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:300;line-height:0px;color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-f3186d3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:center;border-style:none;--border-style:none;}.elementor-746 .elementor-element.elementor-element-c7e6ae1{color:var( --e-global-color-kadence9 );}.elementor-746 .elementor-element.elementor-element-56ebb5d{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-56ebb5d a:hover, .elementor-746 .elementor-element.elementor-element-56ebb5d a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-b76abb4{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-b76abb4 a:hover, .elementor-746 .elementor-element.elementor-element-b76abb4 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-0b3fb23{color:var( --e-global-color-kadence9 );}.elementor-746 .elementor-element.elementor-element-0d0a6c1{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-0d0a6c1 a:hover, .elementor-746 .elementor-element.elementor-element-0d0a6c1 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-7989598{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-7989598 a:hover, .elementor-746 .elementor-element.elementor-element-7989598 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-f51fdbd .elementor-button{background-color:#FD9576;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-radius:15px 15px 15px 15px;padding:10px 40px 10px 40px;}.elementor-746 .elementor-element.elementor-element-f51fdbd .elementor-button:hover, .elementor-746 .elementor-element.elementor-element-f51fdbd .elementor-button:focus{color:var( --e-global-color-kadence8 );}.elementor-746 .elementor-element.elementor-element-f51fdbd .elementor-button:hover svg, .elementor-746 .elementor-element.elementor-element-f51fdbd .elementor-button:focus svg{fill:var( --e-global-color-kadence8 );}.elementor-746 .elementor-element.elementor-element-afcaca6{--display:flex;}.elementor-746 .elementor-element.elementor-element-b17c140 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:300;line-height:0px;color:var( --e-global-color-6c5a1b4 );}.elementor-746 .elementor-element.elementor-element-d49e4f7{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:center;border-style:none;--border-style:none;}.elementor-746 .elementor-element.elementor-element-4ec8a00{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-4ec8a00 a:hover, .elementor-746 .elementor-element.elementor-element-4ec8a00 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-f22ec74{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-f22ec74 a:hover, .elementor-746 .elementor-element.elementor-element-f22ec74 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-0e0f312{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-0e0f312 a:hover, .elementor-746 .elementor-element.elementor-element-0e0f312 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-e13790e{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-e13790e a:hover, .elementor-746 .elementor-element.elementor-element-e13790e a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-0d90c85{text-align:center;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-0d90c85 a:hover, .elementor-746 .elementor-element.elementor-element-0d90c85 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-c68895c{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-c68895c a:hover, .elementor-746 .elementor-element.elementor-element-c68895c a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-0ebfbac{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-0ebfbac a:hover, .elementor-746 .elementor-element.elementor-element-0ebfbac a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-13fa386{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-13fa386 a:hover, .elementor-746 .elementor-element.elementor-element-13fa386 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-ff50a4a{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-ff50a4a a:hover, .elementor-746 .elementor-element.elementor-element-ff50a4a a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-746 .elementor-element.elementor-element-8a9a228{text-align:start;color:var( --e-global-color-fe4c2a4 );}.elementor-746 .elementor-element.elementor-element-8a9a228 a:hover, .elementor-746 .elementor-element.elementor-element-8a9a228 a:focus{color:var( --e-global-color-c20a6b3 );}@media(max-width:1024px){.elementor-746 .elementor-element.elementor-element-f3186d3{--grid-auto-flow:row;}.elementor-746 .elementor-element.elementor-element-d49e4f7{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-746 .elementor-element.elementor-element-df71470{--content-width:80%;}.elementor-746 .elementor-element.elementor-element-35c3b9a{--width:50%;}.elementor-746 .elementor-element.elementor-element-2ecc177{--width:50%;}.elementor-746 .elementor-element.elementor-element-654a2d3{--content-width:80%;}}@media(max-width:767px){.elementor-746 .elementor-element.elementor-element-6c4e170{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-746 .elementor-element.elementor-element-6cf7571{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 10px;}.elementor-746 .elementor-element.elementor-element-6cf7571 .elementor-heading-title{line-height:1em;}.elementor-746 .elementor-element.elementor-element-2b2ec3f{--gap:0% 0%;--row-gap:0%;--column-gap:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-746 .elementor-element.elementor-element-902da6a{--gap:0% 0%;--row-gap:0%;--column-gap:0%;}.elementor-746 .elementor-element.elementor-element-f3186d3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-746 .elementor-element.elementor-element-afcaca6{--gap:0% 0%;--row-gap:0%;--column-gap:0%;}.elementor-746 .elementor-element.elementor-element-d49e4f7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-746 .elementor-element.elementor-element-0776b4a */ /* End custom CSS */ /* Start custom CSS for icon, class: .elementor-746 .elementor-element.elementor-element-5548f33 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-6ce06bd */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-9deb117 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-2d6e055 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-9c7cd78 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-35c3b9a */ /* End custom CSS */ /* Start custom CSS for image, class: .elementor-746 .elementor-element.elementor-element-3d33df6 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-70b803a */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-62db534 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-2ecc177 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-df71470 */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-746 .elementor-element.elementor-element-6cf7571 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0eb9802 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-8c13484 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-1ed1f6f */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-2b2ec3f */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-574e708 */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-746 .elementor-element.elementor-element-ee1e892 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-5f6108f */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-f079f14 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-c7e6ae1 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-56ebb5d */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-b76abb4 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0b3fb23 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0d0a6c1 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-7989598 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-f51fdbd */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-f3186d3 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-902da6a */ /* End custom CSS */ /* Start custom CSS for heading, class: .elementor-746 .elementor-element.elementor-element-b17c140 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-4ec8a00 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-548902d */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 20px; height: 20px; background-color: #fd9576; 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: "Read more"; position: absolute; left: 30px; /* 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: 25px; } /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-f22ec74 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0e0f312 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-121dcb0 */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 20px; height: 20px; background-color: #fd9576; 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: "Read more"; position: absolute; left: 30px; /* 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: 25px; } /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-e13790e */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0d90c85 */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-ccea28f */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 20px; height: 20px; background-color: #fd9576; 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: "Read more"; position: absolute; left: 30px; /* 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: 25px; } /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-c68895c */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-0ebfbac */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-3f179e4 */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 20px; height: 20px; background-color: #fd9576; 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: "Read more"; position: absolute; left: 30px; /* 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: 25px; } /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-13fa386 */ /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-ff50a4a */ /* End custom CSS */ /* Start custom CSS for button, class: .elementor-746 .elementor-element.elementor-element-f25c46e */ /* Container styling for the circle */ #hover-circle { display: inline-flex; align-items: center; width: 20px; height: 20px; background-color: #fd9576; 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: "Read more"; position: absolute; left: 30px; /* 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: 25px; } /* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-746 .elementor-element.elementor-element-8a9a228 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-d49e4f7 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-afcaca6 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-bae58a3 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-6c4e170 */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-746 .elementor-element.elementor-element-654a2d3 */ /* End custom CSS */