body
			{
				font-family: 'Work Sans', sans-serif;
				margin:0;
			}
			
			.navbar-toggler
			{
				border: 1px solid #fff;
			}
			
			html 
			{
			  scroll-behavior: smooth;
			}
			
			a
			{
				transition-duration: 1s;
				color: #355E38;
			}
			
			a:hover
			{
				text-decoration: none !important;
				transition-duration: 1s;
			}
			
			.navbar 
			{
				padding: 0.3rem;
			}
			
			.navbar-nav li 
			{
				padding-right: 25px;
			}
			
			.nav-link 
			{
				font-size: 1em !important;
			}
			
			.navbar-nav .active 
			{
				border-bottom:3px solid violet;
			}
			
			.sn-intro
			{
				background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("sn-intro.webp");
				min-height: 100vh;
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-intro-slide-01
			{
				background-image: url("sn-intro-slide-01.webp");
				min-height: 100vh;
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-intro-slide-02
			{
				background-image: url("sn-intro-slide-02.webp");
				min-height: 100vh;
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-intro-slide-03
			{
				background-image: url("sn-intro-slide-03.webp");
				min-height: 100vh;
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-intro-next
			{
				background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("sn-intro-next.webp");
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-about-us
			{
				background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("sn-about-us.webp");
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.sn-footer-bg
			{
				background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("sn-footer-bg.webp");
				background-attachment: scroll;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
			}
			
			.content-area
			{
				padding: 5px;
				font-size: 14px;
				line-height: 24px;
				letter-spacing: 1.5px;
			}
			
			.card
			{
				padding: 15px; 
				margin: 15px;
				background-color: #fffc; 
				box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
				border-left: 3px solid #fffc;
			}
			
			.bg-light
			{
				font-size: 14px;
			}
			
			h1
			{
				text-transform: capitalize;
				font-family: impact;
			}
			
			h2
			{
				letter-spacing: 3px;
				text-transform: uppercase;
				font-size: 14px;
			}
			
			h4
			{
				letter-spacing: 3px;
				font-size: 14px;
				line-height: 15px;
			}
			
			.hr1
			{
				border-bottom: 1px solid #E8C2CF;
				width: 30%;
			}
			
			.hr2
			{
				border-bottom: 1px solid #AA336A;
				width: 30%;
				margin: 0;
				margin-top: 15px;
			}
			
			.hr3
			{
				border-bottom: 1px solid #000c;
				width: 10%;
				margin: 0;
				margin-left: 5px;
				margin-bottom: 5px;
			}
			
			.hr4
			{
				border-bottom: 1px solid #fffc;
				width: 10%;
				margin: 0;
				margin-left: 5px;
				margin-bottom: 5px;
			}
			
			.fa-angle-double-left
			{
				font-size: 24px;
				color: #fffc;
				background-color: #000c;
				padding: 15px;
			}
			
			.fa-angle-double-right
			{
				font-size: 24px;
				color: #fffc;
				background-color: #000c;
				padding: 15px;
			}
			
			.modal 
			{
			  display: none; 
			  position: fixed; 
			  z-index: 1; 
			  left: 0;
			  top: 0;
			  width: 100%; 
			  height: 100%; 
			  overflow: auto; 
			  background-color: rgb(0,0,0);
			  background-color: rgba(0,0,0,0.4);
			}

			.modal-content 
			{
			  background-color: #fefefe;
			  margin: 15% auto; 
			  padding: 20px;
			  border: 1px solid #888;
			  width: 80%;
			}
			
			.close 
			{
			  color: #aaa;
			  float: right;
			  font-size: 28px;
			  font-weight: bold;
			}

			.close:hover,
			.close:focus 
			{
			  color: black;
			  text-decoration: none;
			  cursor: pointer;
			}