/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-121c396 *//*Ribbon Shape CSS*/
.myPricing{
--text: '';
--first-color: #d2ae6d;
--second-color: #d2ae6d;
position: relative;
}
.myPricing .myRibbon{
position: absolute;
top: -1px;
left: -1px;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.myPricing .myRibbon::before{
content: var(--text);
position: absolute;
width: 150%;
height: 40px;
background: var(--first-color);
transform: rotate(-45deg) translateY(-20px);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 600;
color: #fff;
letter-spacing: 0.1em;
}
.myPricing .myRibbon::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0px;
height: 0px;
background: var(--second-color);
z-index: -1;
box-shadow: 140px -140px var(--second-color);
}
/* End custom CSS */
