.note-container {
				justify-self: left;

			}

			.sticky-note {
				padding: 1em;
				font-size: 20px;
				letter-spacing: 2px;
				outline: none;
				position: relative;
				margin-top: 50px;
				margin-bottom: 10px;
				padding-top: 40px;
				animation: stickNote 1s ease-out forwards;
				opacity: 0;
				/* start hidden */
			}

			.sticky-note span {
				background-color: #FFCE00;
				color: #111827;
				/* sticky-note yellow */
				padding: 0.2em 0.4em;
				border-radius: 4px;
				font-style: italic;
				box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
				transform: rotate(-1deg);
				display: inline-block;
				animation: popIn 0.6s ease-in-out;
			}

			@keyframes popIn {
				0% {
					transform: scale(0.8) rotate(-3deg);
					opacity: 0;
				}

				60% {
					transform: scale(1.1) rotate(2deg);
					opacity: 1;
				}

				100% {
					transform: scale(1) rotate(-1deg);
				}
			}

			.sticky-note::before {
				content: "";
				position: absolute;
				display: block;
			}

			.sticky-note::after {
				content: "";
				position: absolute;
				bottom: 0;
				border-width: 12px 12px 12px 12px;
				border-style: solid;
			}

			.sticky-note.sticky-note-one {
				width: 860px;
				min-height: 250px;
				background-color: #0057B8;
				color: #F9FAFB;
				grid-area: sticker1;
				box-shadow: 9px 0px 10px -5px rgba(0, 0, 0, 0.42);
			}

			@media (max-width: 992px) {
				.sticky-note.sticky-note-one {
					width: 90%;
					font-size: 18px;
					min-height: 220px;
				}
			}

			/* Small screens (phones) */
			/* Extra small devices (phones, less than 576px) */
			@media (max-width: 576px) {
				.sticky-note.sticky-note-one {
					width: 80%;
					/* fluid width */
					font-size: 4vw;
					/* responsive text size */
					padding: 1em;
					min-height: 150px;
					margin-top: 20px;
					word-break: break-word;
				}

				.slider-two_heading {
					font-size: 6vw !important;
				}
			}

			/* Small to medium devices (landscape phones and tablets, up to 768px) */
			@media (max-width: 968px) {
				.sticky-note.sticky-note-one {
					width: 80%;
					font-size: 3.5vw;
					padding: 1.2em;
				}

				.slider-two_heading {
					font-size: 5vw !important;
				}
			}

			.sticky-note.sticky-note-one::before {
				background-color: rgba(108, 212, 255, 0.6);
				width: 120px;
				height: 35px;
				left: 50%;
				top: -15px;
				transform: translateX(-50%) rotate(3deg);
			}

			.sticky-note.sticky-note-one::after {
				left: 0;
				border-top-color: #51C0EF;
				border-right-color: #51C0EF;
				border-bottom-color: #5D576B;
				border-left-color: #5D576B;
			}

			.sticky-note.sticky-note-two {
				background-color: #EAF6FF;
				color: #111827;
				grid-area: sticker2;
				box-shadow: -9px 0px 10px -5px rgba(0, 0, 0, 0.42);
			}

			.sticky-note.sticky-note-two::before {
				background-color: rgba(250, 227, 227, 0.9);
				height: 70px;
				width: 50px;
				left: 50%;
				top: -30px;
				transform: rotate(-3deg) translateX(-50%);
			}

			.sticky-note.sticky-note-two::after {
				right: 0;
				border-top-color: #DDC6C3;
				border-left-color: #DDC6C3;
				border-bottom-color: #5D576B;
				border-right-color: #5D576B;
			}

			@keyframes stickNote {
				0% {
					transform: translateY(-300px) rotate(-5deg) scale(0.8);
					opacity: 0;
				}

				60% {
					transform: translateY(20px) rotate(3deg) scale(1.05);
					opacity: 1;
				}

				100% {
					transform: translateY(0) rotate(0deg) scale(1);
					opacity: 1;
				}
			}

			.sticky-note-one {
				animation-delay: 0.2s;
			}

			.sticky-note-two {
				animation-delay: 0.6s;
			}