.elementor-1229 .elementor-element.elementor-element-009729f{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1229 .elementor-element.elementor-element-57e7328{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-1229 .elementor-element.elementor-element-6d83ba7{text-align:center;}.elementor-1229 .elementor-element.elementor-element-6d83ba7 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:24px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-1229 .elementor-element.elementor-element-a636125{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1229 .elementor-element.elementor-element-ee27d56{--display:flex;--border-radius:9px 9px 9px 9px;}.elementor-1229 .elementor-element.elementor-element-ee27d56:not(.elementor-motion-effects-element-type-background), .elementor-1229 .elementor-element.elementor-element-ee27d56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FA;}.elementor-1229 .elementor-element.elementor-element-f7b69da{--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;--flex-wrap:wrap;}.elementor-1229 .elementor-element.elementor-element-7b33ffc{--display:flex;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.23);--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-1229 .elementor-element.elementor-element-93b6719 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-1229 .elementor-element.elementor-element-93b6719{text-align:start;}.elementor-1229 .elementor-element.elementor-element-93b6719 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.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-1229 .elementor-element.elementor-element-c13016b > .elementor-widget-container{padding:0px 10px 10px 10px;}.elementor-1229 .elementor-element.elementor-element-f964c57{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:7px 7px 7px 7px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#D53400;}.elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );}.elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container{background-color:#1818343B;padding:30px 30px 30px 30px;border-radius:15px 15px 15px 15px;}:where( .elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Raleway", Sans-serif;font-weight:900;}.elementor-1229 .elementor-element.elementor-element-bccf9be{--display:flex;--border-radius:9px 9px 9px 9px;}.elementor-1229 .elementor-element.elementor-element-bccf9be:not(.elementor-motion-effects-element-type-background), .elementor-1229 .elementor-element.elementor-element-bccf9be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FA;}.elementor-1229 .elementor-element.elementor-element-3df9fbf{--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;--flex-wrap:wrap;}.elementor-1229 .elementor-element.elementor-element-877fc8a{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:7px 7px 7px 7px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#D53400;}.elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );}.elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container{background-color:#1818343B;padding:30px 30px 30px 30px;border-radius:15px 15px 15px 15px;}:where( .elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Raleway", Sans-serif;font-weight:900;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1229 .elementor-element.elementor-element-7b33ffc{--width:31%;}}@media(max-width:1366px){.elementor-1229 .elementor-element.elementor-element-6d83ba7{text-align:start;}.elementor-1229 .elementor-element.elementor-element-6d83ba7 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-1229 .elementor-element.elementor-element-009729f{--padding-top:40px;--padding-bottom:40px;--padding-left:5px;--padding-right:5px;}.elementor-1229 .elementor-element.elementor-element-57e7328{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-1229 .elementor-element.elementor-element-6d83ba7 .elementor-heading-title{font-size:22px;}.elementor-1229 .elementor-element.elementor-element-a636125{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1229 .elementor-element.elementor-element-ee27d56{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1229 .elementor-element.elementor-element-f964c57 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1229 .elementor-element.elementor-element-f964c57{--n-accordion-title-font-size:20px;}.elementor-1229 .elementor-element.elementor-element-bccf9be{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1229 .elementor-element.elementor-element-877fc8a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1229 .elementor-element.elementor-element-877fc8a{--n-accordion-title-font-size:20px;}}/* Start custom CSS for heading, class: .elementor-element-6d83ba7 */.elementor-1229 .elementor-element.elementor-element-6d83ba7 {
  font-family: 'Poppins', sans-serif;
  font-size: 52px;
  font-weight: 800;
  color: #ffffff;
  background: linear-gradient(135deg, #181834, #4b6cb7);
  padding: 25px 50px;
  border-radius: 16px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 1.4;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.elementor-1229 .elementor-element.elementor-element-6d83ba7::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%);
  animation: pulseGlow 4s infinite ease-in-out;
  z-index: 0;
}
.elementor-1229 .elementor-element.elementor-element-6d83ba7 span {
  position: relative;
  z-index: 2;
}
@keyframes pulseGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e7328 */.fancy-border {
  border: 4px solid #00BFA6; /* You can change this to your brand color */
  border-radius: 35px;        /* Bigger corners */
  padding: 30px;
  box-shadow: 0 0 20px rgba(0, 191, 166, 0.4); /* More visible soft glow */
  transition: all 0.3s ease-in-out;
}
.fancy-border:hover {
  box-shadow: 0 0 30px rgba(0, 191, 166, 0.6); /* Stronger glow on hover */
  transform: scale(1.03);
}
📌 How to Apply in Elementor (Free or Pro)
Copy the above CSS.

Paste it into:

Elementor Pro → Advanced → Custom CSS tab of the widget/section.

Elementor Free → WordPress Dashboard → Appearance → Customize → Additional CSS.

Add the class fancy-border in the Elementor section:

Go to the widget/section.

Click Advanced tab → CSS Classes → add fancy-border.

📝 Result
You’ll now see a clean, glowing rounded border that looks elegant, with no background.

On hover, it glows more and slightly enlarges for a premium touch.

Want a different effect? Like dashed border, double border, or animated corners? Just say the word!









Ask ChatGPT
You said:
make it more attractive 


ChatGPT said:
Here’s a more attractive and premium-style border design with:

A single vibrant color

Bigger rounded corners

Smooth hover animation

Stylish glow & shine

✅ Final CSS: Sleek, Modern Border (No Background)
css
Copy
Edit
.fancy-border {
  border: 4px solid #00BFA6; /* Elegant teal border */
  border-radius: 40px;       /* Large curved corners */
  padding: 35px;
  box-shadow: 0 4px 20px rgba(0, 191, 166, 0.3); /* Soft outer glow */
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.fancy-border::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 180deg at 50% 50%, #00BFA6, transparent, #00BFA6);
  animation: rotateBorder 6s linear infinite;
  z-index: 0;
  opacity: 0.15;
}

.fancy-border > * {
  position: relative;
  z-index: 1;
}

@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fancy-border:hover {
  box-shadow: 0 6px 30px rgba(0, 191, 166, 0.6);
  transform: scale(1.02);
}
📌 Elementor Instructions
Paste CSS:

Go to WordPress Dashboard → Appearance → Customize → Additional CSS, or

If using Elementor Pro, paste into widget/section → Advanced tab → Custom CSS.

Assign Class:

In Elementor widget/section → go to Advanced → CSS Classes.

Add: fancy-border

✨ What You Get
Clean teal-colored border

A subtle spinning light shimmer

Glow on hover + smooth scaling

Perfect for pricing boxes, call-to-actions, testimonials, etc.

Want to try it in gold, royal blue, or a gradient border effect? I can update it instantly!/* End custom CSS */