.elementor-311 .elementor-element.elementor-element-7b9390c{--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:68%;--padding-bottom:73%;--padding-left:0%;--padding-right:0%;}.elementor-311 .elementor-element.elementor-element-7b9390c:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-7b9390c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rangaayurveda.com/wp-content/uploads/2025/08/Ranga-scaled.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-311 .elementor-element.elementor-element-22983bf{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;top:36%;z-index:0;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-22983bf{left:27%;}body.rtl .elementor-311 .elementor-element.elementor-element-22983bf{right:27%;}.elementor-311 .elementor-element.elementor-element-22983bf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-311 .elementor-element.elementor-element-22983bf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#393185;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-700afd9{left:13%;}body.rtl .elementor-311 .elementor-element.elementor-element-700afd9{right:13%;}.elementor-311 .elementor-element.elementor-element-700afd9{top:65%;}.elementor-311 .elementor-element.elementor-element-700afd9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-311 .elementor-element.elementor-element-700afd9 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:#000000;border-radius:4px 4px 4px 4px;}.elementor-311 .elementor-element.elementor-element-16adda9{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;top:44%;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-16adda9{left:19%;}body.rtl .elementor-311 .elementor-element.elementor-element-16adda9{right:19%;}.elementor-311 .elementor-element.elementor-element-16adda9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-311 .elementor-element.elementor-element-16adda9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#393185;}.elementor-311 .elementor-element.elementor-element-b3622b0{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;top:44%;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-b3622b0{right:25%;}body.rtl .elementor-311 .elementor-element.elementor-element-b3622b0{left:25%;}.elementor-311 .elementor-element.elementor-element-b3622b0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-311 .elementor-element.elementor-element-b3622b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#393185;}.elementor-311 .elementor-element.elementor-element-4eea7dd{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;bottom:900px;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-4eea7dd{right:16%;}body.rtl .elementor-311 .elementor-element.elementor-element-4eea7dd{left:16%;}.elementor-311 .elementor-element.elementor-element-4eea7dd.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-311 .elementor-element.elementor-element-4eea7dd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#393185;}.elementor-311 .elementor-element.elementor-element-7403014{--display:flex;}.elementor-311 .elementor-element.elementor-element-6693a94.elementor-element{--align-self:center;}.elementor-311 .elementor-element.elementor-element-6693a94.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-6693a94 */ /* Using the CSS ID */
#my-shortcode-id {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    border: 2px solid #4CAF50;  /* Initial border color */
    padding: 10px;  /* Padding around content */
    border-radius: 8px;  /* Rounded corners */
    transition: all 0.3s ease;  /* Smooth transition for hover effect */
}

/* Hover effect */
#my-shortcode-id:hover {
    border-color: #FF5722;  /* Change border color on hover */
    transform: scale(1.05);  /* Slight zoom-in effect */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  /* Soft shadow */
} /* End custom CSS */