html.home, body.home {
	 scroll-snap-type: y mandatory;
	 scroll-behavior: smooth;
}
 body.home nav.navbar.navbar-expand-lg {
	 position: absolute;
	 width: 100%;
	 z-index: 9;
}
 body.home .filter-logo {
	 -webkit-filter: brightness(0) invert(1);
	 filter: brightness(0) invert(1);
}
 body.home nav.navbar.navbar-expand-lg li.nav-item a {
	 color: #fff !important;
}
 section#first h1 {
	 font-family: "Manrope";
	 font-weight: 700;
	 font-size: 64px;
	 line-height: 75px;
	/* or 117% */
	 letter-spacing: -1px;
	 text-transform: capitalize;
	 color: #fff;
	 margin-bottom: 32px;
}
 section#first p {
	 font-family: "Manrope";
	 margin-top: 16px;
	 margin-bottom: 24px;
	 max-width: 357px;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 25px;
	/* or 156% */
	 color: #fff;
	 margin-bottom: 48px;
}
 section#first .cotton {
	 display: flex;
	 width: 100%;
	 height: 100%;
	 right: 0;
	 bottom: 0;
	 position: absolute;
}
 section#first .cotton img {
	 margin-left: auto;
	 max-height: 780px;
	 display: table;
	 margin-top: auto;
	 margin-right: 120px;
	 opacity: 1;
}
 .controls {
	 position: fixed;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 height: 100%;
	 padding: 0 70px;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 align-content: center;
	 justify-content: center;
	 align-items: center;
}
 .controls .control-wrapper {
	 transition: transform 0.6s cubic-bezier(0.55, 0, 1, 0.45);
	 display: flex;
	 flex-direction: column;
	 flex-wrap: nowrap;
	 justify-content: flex-end;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
	 align-items: center;
	 font-family: "Manrope";
	 font-style: normal;
	 font-weight: 600;
	 font-size: 14px;
	 line-height: 20px;
	 text-align: center;
	 letter-spacing: 0.16px;
	 color: #232323;
}
 .controls .control-wrapper span.dot.active::after {
	 transition: transform 0.6s cubic-bezier(0.55, 0, 1, 0.45);
	 content: " ";
	 position: absolute;
	 width: 32px;
	 height: 32px;
	 border: 3px solid #232323;
	 border-radius: 100%;
	 top: -14px;
	 right: -14px;
}
 .controls .control-wrapper .dot {
	 transition: transform 0.6s cubic-bezier(0.55, 0, 1, 0.45);
	 width: 4px;
	 height: 4px;
	 background: #232323;
	 border-radius: 100%;
	 margin-top: 13px;
	 margin-bottom: 13px;
	 position: relative;
}
 .controls .control-wrapper .top-number {
	 margin-bottom: 13px;
}
 .controls .control-wrapper .bottom-number {
	 margin-top: 13px;
}
 .controls .control-wrapper.white {
	 color: #fff !important;
}
 .controls .control-wrapper.white .dot.active::after {
	 border-color: #fff !important;
}
 .controls .control-wrapper.white .dot {
	 background: #fff !important;
}
 .history-img-wrapper {
	 position: relative;
	 min-height: 690px;
}
 .history-img-wrapper img {
	 position: absolute;
	 border-radius: 5px;
	 box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}
 .history-img-wrapper img:first-child {
	 top: 0;
	 left: -30px;
}
 .history-img-wrapper img:last-child {
	 bottom: 0;
	 left: 30px;
}
 .history-img-wrapper img.middle {
	 right: 0;
	 top: 100px;
}
 .history-wrapper span.sub-title {
	 font-family: 'Manrope';
	 font-style: normal;
	 font-weight: 800;
	 font-size: 12px;
	 line-height: 28px;
	 text-transform: uppercase;
	 color: #878787;
	 margin-bottom: 8px;
}
 .history-wrapper h2 {
	 font-family: 'Manrope';
	 font-style: normal;
	 font-weight: 800;
	 font-size: 48px;
	 line-height: 62px;
	 letter-spacing: -0.02em;
	 color: #232323;
	 margin-bottom: 32px;
	 max-width: 600px;
}
 .history-wrapper p {
	 font-family: 'Manrope';
	 font-style: normal;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 26px;
	 letter-spacing: -0.0016em;
	 color: #606060;
	 margin-bottom: 40px;
}