@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam&family=Open+Sans&display=swap');
/* Your other CSS styles go here */

body {
    font-family: 'Noto Sans Malayalam', sans-serif; /* English font for body text */
}

.invoice-ribbon {
	width:126px;
	height:126px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

.ribbon-inner {
	text-align:center;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	position:relative;
	padding:7px 0;
	left:-40px;
	top:30px;
	width:180px;
	font-size:15px;
	color:#fff;
	font-weight: bold;
}

.ribbon-inner:before,.ribbon-inner:after {
	content:"";
	position:absolute;
}

.ribbon-inner:before {
	left:0;
}

.ribbon-inner:after {
	right:0;
}
.bg-lsgd {
  background-image: linear-gradient(
    to right,
    #e7325b 0%,
    #e7325b 23%,
    transparent 23%,
    transparent 25%,

    #fbba23 25%,
    #fbba23 48%,
    transparent 48%,
    transparent 50%,

    #c7d301 50%,
    #c7d301 73%,
    transparent 73%,
    transparent 75%,

    #23b9ce 75%,
    #23b9ce 100%
  );
}