.elementor-14 .elementor-element.elementor-element-fdc7738{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-11px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:-6px;--padding-bottom:-6px;--padding-left:-6px;--padding-right:-6px;}.elementor-14 .elementor-element.elementor-element-1dedd92{--e-image-carousel-slides-to-show:1;}.elementor-14 .elementor-element.elementor-element-6c53a6f{--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-14 .elementor-element.elementor-element-6c53a6f:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6c53a6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-977a990{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-977a990:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-977a990 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-14 .elementor-element.elementor-element-977a990.e-con:hover{--e-con-transform-scale:1;}.elementor-14 .elementor-element.elementor-element-977a990.e-con{--align-self:stretch;}.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-14 .elementor-element.elementor-element-a142462{width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-a142462:hover{--e-transform-scale:1.2;}.elementor-14 .elementor-element.elementor-element-a142462.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-d0e3ca5{--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;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-d0e3ca5:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d0e3ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BABABA;}.elementor-14 .elementor-element.elementor-element-d0e3ca5:hover{background-color:#878787;}.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-14 .elementor-element.elementor-element-02a9004{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-02a9004:hover{--e-transform-scale:1.1;}.elementor-14 .elementor-element.elementor-element-02a9004.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-02a9004 .elementor-heading-title{font-family:"Anek Kannada", Sans-serif;font-weight:300;color:#000000;}.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-14 .elementor-element.elementor-element-a7774ca:hover{--e-transform-scale:1.02;}.elementor-14 .elementor-element.elementor-element-a7774ca{font-family:"Roboto Mono", Sans-serif;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-14 .elementor-element.elementor-element-a7774ca p{margin-block-end:26px;}.elementor-14 .elementor-element.elementor-element-a7774ca a:hover, .elementor-14 .elementor-element.elementor-element-a7774ca a:focus{color:#000000;}.elementor-14 .elementor-element.elementor-element-a7774ca a{transition-duration:0s;}.elementor-14 .elementor-element.elementor-element-664d12e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-0cfa805{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-0cfa805 img{width:100%;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-977a990{--width:50%;}.elementor-14 .elementor-element.elementor-element-d0e3ca5{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-977a990 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rounded Container Background</title>
  <style>
    body {
      background: linear-gradient(135deg, #1a1a1a, #3a2c70); /* page background */
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .container {
      width: 300px;
      height: 200px;
      background: white;       /* 👈 container ka color */
      border-radius: 25px;     /* 👈 rounded corners */
      overflow: hidden;        /* 👈 ensures no overflow */
      box-shadow: 0 6px 20px rgba(0,0,0,0.2); /* optional: soft shadow */
      padding: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h2>Ruhani Ring</h2>
    <p>A soulful design, crafted to feel like it already belongs to you.</p>
  </div>
</body>
</html>/* End custom CSS */