p {
 font-weight: 300;
 line-height: 100%;
 font-size: 1.1em;
}

 .white-text {
	 color: #dadada;
}
 .black-text {
	 color: #1c1c1c;
}
 .gray-text {
	 color: #a4a4a4;
}
 .small-text {
	 font-size: 0.9em;
}
 .blue-gradient {
	 color: #fff;
	 background: #548fc5;
	 background: linear-gradient(59deg, rgba(84, 143, 197, 1) 0%, rgba(59, 64, 158, 1) 100%);
}
 .background-clip-text {
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 #wright-tech-wrapper canvas {
	 display: block;
	 vertical-align: bottom;
}
 #wright-tech-wrapper #wright-tech-hero-particles {
	 width: 100%;
	 height: 100%;
	 background-color: #1c1c1c;
	 background-image: url("");
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: 50% 50%;
	 position: fixed;
	 z-index: -10;
	 top: 0;
	 left: 0;
}
 #wright-tech-topnav {
	 position: -webkit-sticky;
	 position: sticky;
	 top: 0;
	 z-index: 1000;
	 height: 60px;
	 background: rgba(28, 28, 28, 0.8);
}
 #wright-tech-logo {
	 margin: 15px 0;
	 background: url("../img/wright_tech_logo.png");
	 height: 35px;
	 width: 180px;
	 background-size: contain;
	 background-repeat: no-repeat;
	 cursor: pointer;
}
 .wright-tech-navlinks {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100%;
}
 .wright-tech-navlinks .navlink {
	 flex: 1;
	 color: #dadada;
	 font-weight: 400;
}
 .bold-btn {
	 padding: 15px 40px;
	 border-radius: 10px;
	 border: none;
	 font-size: 1.2em;
	 margin: 15px 0;
	 font-family: 'Poppins', sans-serif;
}
 .wright-tech-div {
	 padding: 80px 0;
}
 #logo-marquee-div {
	 height: 50px;
	 max-width: 100%;
	 margin: 30px auto;
	 position: relative;
	 overflow: hidden;
}
 #logo-marquee-div #logo-marquee {
	 width: 100%;
	 position: absolute;
	 overflow-x: hidden;
	 top: 0;
	 left: 0;
	 white-space: nowrap;
	 animation: moveSlideshow 20s linear infinite;
}
 #logo-marquee-div #logo-marquee img {
	 display: inline-block;
	 vertical-align: middle;
	 width: 140px;
	 margin: 0 60px;
}
 @keyframes moveSlideshow {
	 0% {
		 transform: translateX(100%);
	}
	 100% {
		 transform: translateX(-100%);
	}
}
 #why-wright-div, #our-works-div, #contact-box-div {
	 background: #1c1c1c;
}
 .title-container h1 {
	 font-size: 3em;
	 font-family: 'Poppins', sans-serif;
	 margin: 15px auto;
	 font-weight: 600;
}
 #achievement-cards-div {
	 padding: 40px 10%;
}
 .square-card {
	 background: rgba(0, 0, 0, 0.3);
	 border-radius: 10px;
	 height: 300px;
	 margin: 10px 0;
}
 #what-we-offer-div {
	 background: #fbfbfb;
}
 .section-badge {
	 margin: 0 auto;
	 padding: 5px 30px;
	 border-radius: 5px;
	 font-weight: 300;
	 font-size: 0.9em;
	 display: inline-block;
}
 .section-badge.dark {
	 color: #aaa;
	 background: rgba(0, 0, 0, 0.2);
}
 .section-badge.light {
	 color: #1c1c1c;
	 background: #efefef;
}
 #solution-cards-div {
	 padding: 30px 60px;
}
 .card-button {
	 position: relative;
	 background: #efefef;
	 border-radius: 10px;
	 min-height: 180px;
	 margin: 15px 0;
	 border: 1px solid transparent;
	 transition: 0.3s ease-in-out;
	 padding: 40px;
	 z-index: 1;
	 cursor: pointer;
}
 .card-button::before {
	 position: absolute;
	 content: "";
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 border: 1px solid transparent;
	 background: linear-gradient(#fbfbfb, #fbfbfb) padding-box, linear-gradient(59deg, rgba(84, 143, 197, 1) 0%, rgba(59, 64, 158, 1) 100%) border-box;
	/*this is your grey background*/
	 z-index: -1;
	 transition: 0.3s ease-in-out;
	 opacity: 0;
	 border-radius: 10px;
}
 .card-button:hover::before {
	 opacity: 1;
}
 .card-button h3 {
	 font-family: 'Poppins', sans-serif;
	 margin-bottom: 10px;
}
 .card-button p {
	 font-size: 1em;
	 margin: 0;
}
 .card-button .card-icon {
	 font-size: 3em;
	 transition: 0.3s ease-in-out;
}
 .card-button:hover .card-icon {
	 color: rgba(59, 64, 158, 1);
}
 .text-link {
	 font-family: 'Poppins', sans-serif;
	 opacity: 0.7;
	 transition: 0.2s ease-in-out;
}
 .text-link:hover {
	 opacity: 1;
}
 #contact-box-div {
	 padding: 20px 15%;
	 padding-bottom: 100px;
}
 #contact-box {
	 min-height: 200px;
	 border-radius: 10px;
	 padding: 80px;
}
 #contact-box h1 {
	 font-size: 3em;
	 width: 50%;
	 font-weight: 400;
	 font-family: 'Poppins', sans-serif;
}
 #email-input-div {
	 width: 100%;
	 padding: 12px 20px;
	 margin-top: 60px;
	 box-sizing: border-box;
	 border: 0.5px solid #eee;
	 border-radius: 10px;
}
 #email-input-div button {
	 width: 100%;
	 height: 100%;
	 border: none;
	 border-radius: 10px;
	 font-size: 2em;
}
 #email-input {
	 background: transparent;
	 border: none;
	 width: 100%;
	 font-size: 2em;
	 font-weight: 300;
	 color: #fbfbfb;
}
 #email-input::placeholder {
	 color: #eee;
	 font-weight: 100;
}
 #email-input:focus {
	 background: none;
	 outline: none;
}
 #footer-div {
	 padding-bottom: 40px;
}
 #footer-div .footer-column h6 {
	 color: #a4a4a4;
	 margin-bottom: 10px;
}
 #footer-div .footer-column a {
	 color: #fff;
	 opacity: 0.7;
	 transition: 0.2s ease-in-out;
}
 #footer-div .footer-column a:hover {
	 opacity: 1;
}
 #footer-bottom {
	 padding: 10px;
	 font-size: 0.8em;
	 font-weight: 100;
	 color: #a4a4a4;
}