@import url("https://fonts.googleapis.com/css?family=Sree+Krushnadevaraya&display=swap");
 @import url("https://fonts.googleapis.com/css?family=Catamaran&display=swap");
 @font-face {
	font-family: Anjoman;
	src: url(font/AnjomanMax-Medium.ttf);
 }
 
 * {
	font-family: Anjoman;
 }
 :root {
	 --margin: 110px;
	 --background: #e2e2f5;
	 --perspective: 1800px;
	 --transition: transform 1s 0.2s, z-index 0s 0.5s;
	 --yellow: #fffffe;
}
 body .pages_page {
	 width: 50%;
	 position: absolute;
	 right: 0px;
	 padding-top: 50px;
	 height: 100%;
	 transform-origin: 0 50%;
}
 * {
	 box-sizing: border-box;
}
 .overlay {
	 background: rgba(255, 155, 0, 0.7019607843137254);
	 position: fixed;
	 width: 100%;
	 pointer-events: none;
	 height: 100%;
	 z-index: -1;
}
 body {
	 margin: 0;
	 padding: 0;
	 background: var(--background);
	 min-height: 400vh;
	 overflow: hidden;
	 font-family: "Sree Krushnadevaraya", serif;
}
 body .logo {
	 font-size: 20px;
	 padding: 33px 30px 30px 30px;
	 line-height: 0;
	 color: var(--background);

 }
 body .pagenumber {
	 position: absolute;
	 bottom: 20px;
	 left: 34px;
	 width: 400px;
	 color: var(--yellow);
	 letter-spacing: 60px;
}
 body .pagenumber:after {
	 height: 1px;
	 width: 100px;
	 background: var(--yellow);
	 content: "";
	 display: block;
	 position: absolute;
	 left: 20px;
	 top: 19px;
}
 body .hamburger {
	 position: absolute;
	 top: 38px;
	 height: 20px;
	 width: 30px;
	 right: 30px;
	 z-index: 1;
}
 body .hamburger_part {
	 width: 20px;
	 height: 1px;
	 position: absolute;
	 right: 0;
	 background: var(--yellow);
}
 body .hamburger_part:nth-of-type(1) {
	 top: 0px;
}
 body .hamburger_part:nth-of-type(2) {
	 top: 4.5px;
}
 body .hamburger_part:nth-of-type(3) {
	 top: 9px;
}
 body .hamburger_part:last-child {
	 width: 8px;
}
 body .pages {
	 width: calc(100% - var(--margin));
	 height: calc(100% - var(--margin));
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: auto;
	 top: 50%;
	 transform: translateY(-50%);
	 perspective: var(--perspective);
	 box-shadow: 0 41px 38px -20px #0a3150;
	 max-width: 1300px;
	 max-height: 650px;
}
 body .pages input {
	 display: none;
}
 body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .pagenumber, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .pagenumber {
	 letter-spacing: 59px;
	 transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .pagenumber:after, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .pagenumber:after {
	 width: 100px;
	 transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .content_centerimage, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content_centerimage {
	 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .content h6, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content h6 {
	 transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .pagenumber, body .pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .pagenumber {
	 letter-spacing: 0;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .pagenumber:after, body .pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .pagenumber:after {
	 width: 0px;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content_centerimage, body .pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content_centerimage {
	 -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	 clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	 transition: all 0.8s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content h6, body .pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content h6 {
	 transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
	 transform: translateZ(200px);
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .pagenumber, body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .pagenumber {
	 letter-spacing: 59px;
	 transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .pagenumber:after, body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .pagenumber:after {
	 width: 100px;
	 transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section, body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section {
	 transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
	 filter: blur(0);
	 opacity: 1;
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(1), body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(1) {
	 left: 100px;
	 transition: all 0.8s 0.3s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(2), body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(2) {
	 left: 230px;
	 transition: all 0.8s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(3), body .pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(3) {
	 left: 130px;
	 transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .pagenumber, body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .pagenumber {
	 letter-spacing: 0;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .pagenumber:after, body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .pagenumber:after {
	 width: 0px;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section, body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section {
	 filter: blur(20px);
	 transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1);
	 opacity: 0;
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(1), body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(1) {
	 left: 0;
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(2), body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(2) {
	 left: 0;
}
 body .pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(3), body .pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(3) {
	 left: 0;
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span {
	 transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(1), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(1) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(2), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(2) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(3), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(3) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(4), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(4) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(5), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(5) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(6), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(6) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .pagenumber, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .pagenumber {
	 letter-spacing: 59px;
	 transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .pagenumber:after, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .pagenumber:after {
	 width: 100px;
	 transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content {
	 filter: blur(0px);
	 opacity: 1;
	 transition: all 1s 0.5s;
	 perspective: var(--perspective);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content_picture, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content_picture {
	 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 transition: all 1s 0.8s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span, body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span {
	 transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(1), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(1) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(2), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(2) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(3), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(3) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(4), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(4) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(5), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(5) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(6), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(6) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(7), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(7) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(8), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(8) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(9), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(9) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(10), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(10) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(11), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(11) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(12), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(12) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(13), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(13) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(14), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(14) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(15), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(15) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(16), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(16) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(17), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(17) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(18), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(18) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(19), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(19) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(20), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(20) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(21), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(21) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(22), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(22) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(23), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(23) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(24), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(24) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(25), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(25) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(26), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(26) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(27), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(27) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(28), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(28) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(29), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(29) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(30), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(30) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(31), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(31) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(32), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(32) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(33), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(33) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(34), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(34) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(35), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(35) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(36), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(36) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(37), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(37) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(38), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(38) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(39), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(39) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(40), body .pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(40) {
	 transform: translateZ(0);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span {
	 transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(1), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(1) {
	 transform: translateZ(486px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(2), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(2) {
	 transform: translateZ(569px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(3), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(3) {
	 transform: translateZ(286px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(4), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(4) {
	 transform: translateZ(99px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(5), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(5) {
	 transform: translateZ(143px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(6), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(6) {
	 transform: translateZ(549px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .pagenumber, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .pagenumber {
	 letter-spacing: 0;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .pagenumber:after, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .pagenumber:after {
	 width: 0px;
	 transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content {
	 filter: blur(10px);
	 opacity: 0;
	 transform: translateZ(50px);
	 transition: all 1s 0.2s;
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content_picture, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content_picture {
	 transition: all 0.4s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
	 -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	 clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span, body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span {
	 transition: all 1.5s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(1), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(1) {
	 transform: translateZ(750px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(2), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(2) {
	 transform: translateZ(253px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(3), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(3) {
	 transform: translateZ(577px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(4), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(4) {
	 transform: translateZ(257px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(5), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(5) {
	 transform: translateZ(585px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(6), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(6) {
	 transform: translateZ(174px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(7), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(7) {
	 transform: translateZ(280px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(8), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(8) {
	 transform: translateZ(348px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(9), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(9) {
	 transform: translateZ(318px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(10), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(10) {
	 transform: translateZ(761px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(11), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(11) {
	 transform: translateZ(634px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(12), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(12) {
	 transform: translateZ(439px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(13), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(13) {
	 transform: translateZ(541px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(14), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(14) {
	 transform: translateZ(381px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(15), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(15) {
	 transform: translateZ(730px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(16), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(16) {
	 transform: translateZ(413px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(17), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(17) {
	 transform: translateZ(542px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(18), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(18) {
	 transform: translateZ(696px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(19), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(19) {
	 transform: translateZ(305px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(20), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(20) {
	 transform: translateZ(306px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(21), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(21) {
	 transform: translateZ(766px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(22), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(22) {
	 transform: translateZ(358px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(23), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(23) {
	 transform: translateZ(492px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(24), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(24) {
	 transform: translateZ(510px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(25), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(25) {
	 transform: translateZ(323px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(26), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(26) {
	 transform: translateZ(618px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(27), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(27) {
	 transform: translateZ(311px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(28), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(28) {
	 transform: translateZ(584px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(29), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(29) {
	 transform: translateZ(506px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(30), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(30) {
	 transform: translateZ(587px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(31), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(31) {
	 transform: translateZ(246px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(32), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(32) {
	 transform: translateZ(180px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(33), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(33) {
	 transform: translateZ(361px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(34), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(34) {
	 transform: translateZ(757px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(35), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(35) {
	 transform: translateZ(736px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(36), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(36) {
	 transform: translateZ(363px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(37), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(37) {
	 transform: translateZ(563px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(38), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(38) {
	 transform: translateZ(570px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(39), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(39) {
	 transform: translateZ(323px);
}
 body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(40), body .pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(40) {
	 transform: translateZ(541px);
}
 body .pages_page {
	 pointer-events: none;
	 float: right;
	 transform-style: preserve-3d;
}
 body .pages_page:nth-of-type(1) {
	 z-index: 7;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(2) {
	 z-index: 6;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(3) {
	 z-index: 5;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(4) {
	 z-index: 4;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(5) {
	 z-index: 3;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(6) {
	 z-index: 2;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(7) {
	 z-index: 1;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(8) {
	 z-index: 0;
	 transition: var(--transition);
}
 body .pages_page:nth-of-type(1) {
	 left: 0;
	 z-index: 0;
	 transform: rotateY(0deg) !important;
	 pointer-events: none;
}
 body .pages_page:nth-of-type(1) .pages_page__inner {
	 transform: rotateY(0deg) !important;
}
 body .pages_page:nth-of-type(2) {
	 pointer-events: all;
}
 body .pages_page:nth-of-type(odd) .pages_page__inner {
	 transform: rotateY(180deg);
}
 body .pages_page:nth-of-type(1) .pages_page__inner {
	 background-size: 880px !important;
	 background-position: center !important;
	 background: url("https://images.pexels.com/photos/1633525/pexels-photo-1633525.jpeg?auto=compress&cs=tinysrgb&w=600");
}
 body .pages_page:nth-of-type(2) .pages_page__inner {
	 background-size: 830px !important;
	 background-position: center !important;
	 background: url("https://images.pexels.com/photos/2983099/pexels-photo-2983099.jpeg?auto=compress&cs=tinysrgb&w=600");
}
 body .pages_page:nth-of-type(2) .pages_page__inner h4 {
	 color: black;
	 z-index: 3;
}
 body .pages_page:nth-of-type(3) .pages_page__inner {
	 background: url("image/soshi.jpeg");
	 
	 background-position: 0 0;
}
 body .pages_page:nth-of-type(3) .pages_page__inner .content {
	 -webkit-clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
	 clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
	 height: 100%;
	 transform-style: preserve-3d;
	 width: 200%;
	 position: absolute;
}
 body .pages_page:nth-of-type(6) .pages_page__inner {
	 background: #d83722;
}
 body .pages_page:nth-of-type(4) .pages_page__inner .content {
	 -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 height: 100%;
	 width: 200%;
	 position: absolute;
	 left: -100%;
}
 body .pages_page:nth-of-type(4) .pages_page__inner .bg {
	 -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 height: 100%;
	 width: 200%;
	 position: relative;
	 background: url("image/soshi.jpeg");
	 background-size: 1400px !important;
	 left: -100%;
}

 body .pages_page:nth-of-type(5) .pages_page__inner {
	 background: url("https://shop.bandarabbasmall.com/wp-content/uploads/2023/08/WhatsApp-Image-2023-07-31-at-10.22.19-3-1024x843.jpeg");
	 background-size: 870px !important;
	 background-position: center !important;
}
 body .pages_page:nth-of-type(7) .pages_page__inner {
	 background: url("https://shop.bandarabbasmall.com/wp-content/uploads/2023/08/WhatsApp-Image-2023-07-31-at-10.23.07-1-1024x872.jpeg");
	 background-size: 1400px !important;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section {
	 position: absolute;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section h2 {
	 margin: 0;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section h2, body .pages_page:nth-of-type(7) .pages_page__inner .content_section p {
	 margin: 0;
	 color: var(--yellow);
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section p {
	 line-height: 18px;
	 opacity: 0.95;
	 font-size: 13px;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(1) {
	 top: 100px;
	 width: 200px;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(2) {
	 top: 274px;
	 width: 300px;
}
 body .pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(3) {
	 top: 410px;
	 width: 260px;
}
 body .pages_page:nth-of-type(8) .pages_page__inner {
	 background: url(https://images.pexels.com/photos/1343504/pexels-photo-1343504.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
	 background-position: 800px 0;
}
 body .pages_page:nth-of-type(8) .pages_page__inner .content {
	 -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 height: 100%;
	 width: 200%;
	 position: absolute;
	 left: -100%;
}
 body .pages_page:nth-of-type(8) .pages_page__inner .bg {
	 -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
	 height: 100%;
	 width: 200%;
	 position: relative;
	 background: url("image/Untitled-4.jpg");
	 background-size: 1400px !important;
	 left: -100%;
}
 body .pages_page__inner {
	 background: url("https://www.colorfusionstudio.com/wp-content/uploads/2015/07/cfs-models-003-683x1024.jpg");
	 background-size: 1400px !important;
	 height: 100%;
	 transform-style: preserve-3d;
}
 body .pages_page__inner .control {
	 position: absolute;
	 z-index: 1;
	 width: 31px;
	 height: 31px;
	 border: 1px solid var(--yellow);
	 border-radius: 100px;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 30px;
	 cursor: pointer;
	 transition: all 0.23s;
	 box-shadow: 0 0 0 0px rgba(191, 151, 38, 1);
}
 body .pages_page__inner .control:hover {
	 box-shadow: 0 0 0 10px rgba(191, 151, 38, 0.3);
	 left: 34px;
}
 body .pages_page__inner .control:hover:before {
	 width: 40px;
	 left: -40px;
}
 body .pages_page__inner .control.next {
	 left: auto;
	 right: 30px;
}
 body .pages_page__inner .control.next:hover {
	 right: 34px;
}
 body .pages_page__inner .control.next:hover:before {
	 width: 40px;
	 right: -40px;
}
 body .pages_page__inner .control.next:before {
	 left: auto;
	 right: -33px;
}
 body .pages_page__inner .control.next:after {
	 transform: rotate(180deg);
	 top: 5px;
	 left: 11px;
	 pointer-events: none;
}
 body .pages_page__inner .control label {
	 z-index: 2;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 cursor: pointer;
}
 body .pages_page__inner .control:after {
	 content: "\f104";
	 display: block;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 color: var(--yellow);
	 position: absolute;
	 left: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 transition: all 0.2s;
}
 body .pages_page__inner .control:before {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 32px;
	 height: 1px;
	 background: var(--yellow);
	 top: 50%;
	 transform: translateY(-50%);
	 left: -32px;
	 transition: all 0.2s;
}
 body .pages_page__inner .footer {
	 position: absolute;
	 bottom: 26px;
	 z-index: 2;
	 color: var(--yellow);
	 right: 30px;
	 font-size: 12px;
}
 body .pages_page__inner .footer i {
	 margin: 0 10px;
}
 body .pages_page__inner .content {
	 transform-style: preserve-3d;
	 position: absolute;
	 z-index: 1;
	 pointer-events: none;
	 top: 0;
	 transform: translateZ(0px);
	 width: 100%;
	 height: 100%;
}
 body .pages_page__inner .content_centerimage {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: auto;
	 top: 50%;
	 text-align: center;
	 width: 60%;
	 transform: translateY(-50%);
	 max-width: 300px;
}
 body .pages_page__inner .content_centerimage img {
	 width: 100%;
}
 body .pages_page__inner .content_center {
	 position: absolute;
	 text-align: center;
	 width: 260px;
	 right: -130px;
	 padding-bottom: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
	 clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}
 body .pages_page__inner .content_center img {
	 width: 300px;
}
 body .pages_page__inner .content_center .logo {
	 font-size: 30px;
}
 body .pages_page__inner .content_center h4, body .pages_page__inner .content_center h6 {
	 color: var(--yellow);
	 font-size: 38px;
	 font-weight: normal;
	 margin: 0;
	 line-height: 38px;
}
 body .pages_page__inner .content_center h4 {
	 color: var(--yellow);
	 font-size: 38px;
	 font-weight: normal;
	 margin: 0;
	 line-height: 38px;
	 border-top: 1px solid;
	 border-bottom: 1px solid;
	 padding: 15px 20px 29px;
}
 body .pages_page__inner .content_center h6 {
	 font-size: 20px;
	 margin: 0;
	 opacity: 0.5;
}
 body .pages_page__inner .content_center h6:nth-of-type(2) {
	 font-size: 16px;
	 margin-top: 10px;
}
 body .pages_page__inner .content_center.right {
	 right: auto;
	 left: -130px;
	 -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
	 clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
}
 body .pages_page__inner .content_picture {
	 width: 220px;
	 position: absolute;
	 left: 50%;
	 transform: translateX(-40px);
	 top: 294px;
	 border-radius: 50px;
}
 body .pages_page__inner .content_picture img {
	 width: 100%;
	 margin: 0;
	 display: inline-block;
	 border-radius: 50px;
}
 body .pages_page__inner .content_quote {
	 position: absolute;
	 left: calc(50% + 250px);
	 bottom: 100px;
	 width: 200px;
}
 body .pages_page__inner .content_quote h5 span {
	 display: block;
	 color: var(--yellow);
	 font-size: 34px;
	 font-weight: normal;
	 line-height: 35px;
}
 body .pages_page__inner .content_quote h5 span.name, body .pages_page__inner .content_quote h5 span.auth {
	 font-size: 13px;
	 opacity: 0.7;
	 margin: 22px 0 0 0;
	 position: Relative;
	 left: 140px;
}
 body .pages_page__inner .content_quote h5 span.auth {
	 margin: -7px 0;
}
 body .pages_page__inner .content_quote h5 span.quo {
	 font-family: "Catamaran", sans-serif;
	 font-size: 80px;
	 position: absolute;
	 left: 195px;
	 top: 90px;
}
 body .pages_page__inner .content_quote h5 span.quo:nth-of-type(1) i {
	 transform: rotate(180deg);
	 left: -226px;
	 top: -100px;
	 display: block;
	 font-style: normal;
	 position: relative;
}
 body .pages_page__inner .content_offset {
	 position: absolute;
	 width: 280px;
	 top: 260px;
	 left: 50%;
	 transform: translateX(-350px);
	 color: var(--yellow);
}
 body .pages_page__inner .content_offset h2, body .pages_page__inner .content_offset p {
	 margin: 0;
}
 body .pages_page__inner .content_offset h2 {
	 color: var(--yellow);
	 font-size: 16px;
	 text-transform: uppercase;
	 letter-spacing: 2px;
	 margin: 20px 0 8px 0;
}
 body .pages_page__inner .content_offset p {
	 font-size: 13px;
	 line-height: 20px;
	 color: var(--yellow);
}
 body .pages_page__inner .content h1 {
	 font-size: 53px;
	 color: var(--yellow);
	 text-transform: uppercase;
	 padding: 120px;
	 margin: 0;
	 font-weight: normal;
	 letter-spacing: -6px;
	 line-height: 51px;
	 transform-style: preserve-3d;
}
 body .pages_page__inner .content h1 span {
	 transform-style: preserve-3d;
	 display: inline-block;
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div {
	 pointer-events: all;
	 transform: rotateY(-180deg);
	 z-index: 10;
	 transition: var(--transition);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div .control {
	 box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div + div {
	 pointer-events: all;
}
 body .pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div {
	 pointer-events: none;
	 z-index: 9;
}
.my_btn{
	font-size: 25px;
	border-radius: 15px;
	background: black;
	margin: 20px;
	padding: 20px;
}
.my_btn:hover{
	background-color: black;
}

body {

	background-size: cover;
	background-position: center;

  }
.header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 0 2rem;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.03);
  height: 6rem;
  display: flex;
  align-items: center;
  gap: 3rem;
}

.navbar {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.navbar__menu {
  position: relative;
  display: flex;
}
.navbar__link {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 10rem;
  color: #fff;
  transition: 250ms ease all;
  text-decoration: none;
  width: 10rem;
  text-transform: uppercase;
  transition: 500ms ease all;
}
.navbar__link svg {
  transition: 500ms ease all;
}
.navbar__link:hover svg {
  stroke: #C4151C;
}
.navbar:not(:hover) .navbar__link:focus span, .navbar__link:hover span {
  opacity: 1;
  transform: translate(0);
}
.navbar__item:last-child:before {
  content: "";
  position: absolute;
  left: -8rem;
  margin-left: 5rem;
  bottom: -1.25rem;
  height: 0.5rem;
  width: 2px;
  background: #C4151C;
  box-shadow: 0 -0.5rem #C4151C, 0 -0.5rem #C4151C, 0 0 3rem 0.5rem #C4151C, 2rem 0 0 rgba(255, 255, 255, 0.2), -3rem 0 0 rgba(255, 255, 255, 0.2),6rem 0 0 rgba(255, 255, 255, 0.2),-6rem 0 0 rgba(255, 255, 255, 0.2),9rem 0 0 rgba(255, 255, 255, 0.2),-9rem 0 0 rgba(255, 255, 255, 0.2),12rem 0 0 rgba(255, 255, 255, 0.2),-12rem 0 0 rgba(255, 255, 255, 0.2),15rem 0 0 rgba(255, 255, 255, 0.2),-15rem 0 0 rgba(255, 255, 255, 0.2),18rem 0 0 rgba(255, 255, 255, 0.2),-18rem 0 0 rgba(255, 255, 255, 0.2),21rem 0 0 rgba(255, 255, 255, 0.2),-21rem 0 0 rgba(255, 255, 255, 0.2),24rem 0 0 rgba(255, 255, 255, 0.2),-24rem 0 0 rgba(255, 255, 255, 0.2),27rem 0 0 rgba(255, 255, 255, 0.2),-27rem 0 0 rgba(255, 255, 255, 0.2),30rem 0 0 rgba(255, 255, 255, 0.2),-30rem 0 0 rgba(255, 255, 255, 0.2),33rem 0 0 rgba(255, 255, 255, 0.2),-33rem 0 0 rgba(255, 255, 255, 0.2),36rem 0 0 rgba(255, 255, 255, 0.2),-36rem 0 0 rgba(255, 255, 255, 0.2),39rem 0 0 rgba(255, 255, 255, 0.2),-39rem 0 0 rgba(255, 255, 255, 0.2),42rem 0 0 rgba(255, 255, 255, 0.2),-42rem 0 0 rgba(255, 255, 255, 0.2),45rem 0 0 rgba(255, 255, 255, 0.2),-45rem 0 0 rgba(255, 255, 255, 0.2),48rem 0 0 rgba(255, 255, 255, 0.2),-48rem 0 0 rgba(255, 255, 255, 0.2),51rem 0 0 rgba(255, 255, 255, 0.2),-51rem 0 0 rgba(255, 255, 255, 0.2),54rem 0 0 rgba(255, 255, 255, 0.2),-54rem 0 0 rgba(255, 255, 255, 0.2),57rem 0 0 rgba(255, 255, 255, 0.2),-57rem 0 0 rgba(255, 255, 255, 0.2),60rem 0 0 rgba(255, 255, 255, 0.2),-60rem 0 0 rgba(255, 255, 255, 0.2),63rem 0 0 rgba(255, 255, 255, 0.2),-63rem 0 0 rgba(255, 255, 255, 0.2),66rem 0 0 rgba(255, 255, 255, 0.2),-66rem 0 0 rgba(255, 255, 255, 0.2),69rem 0 0 rgba(255, 255, 255, 0.2),-69rem 0 0 rgba(255, 255, 255, 0.2),72rem 0 0 rgba(255, 255, 255, 0.2),-72rem 0 0 rgba(255, 255, 255, 0.2),75rem 0 0 rgba(255, 255, 255, 0.2),-75rem 0 0 rgba(255, 255, 255, 0.2),78rem 0 0 rgba(255, 255, 255, 0.2),-78rem 0 0 rgba(255, 255, 255, 0.2),81rem 0 0 rgba(255, 255, 255, 0.2),-81rem 0 0 rgba(255, 255, 255, 0.2),84rem 0 0 rgba(255, 255, 255, 0.2),-84rem 0 0 rgba(255, 255, 255, 0.2),87rem 0 0 rgba(255, 255, 255, 0.2),-87rem 0 0 rgba(255, 255, 255, 0.2),90rem 0 0 rgba(255, 255, 255, 0.2),-90rem 0 0 rgba(255, 255, 255, 0.2),93rem 0 0 rgba(255, 255, 255, 0.2),-93rem 0 0 rgba(255, 255, 255, 0.2),96rem 0 0 rgba(255, 255, 255, 0.2),-96rem 0 0 rgba(255, 255, 255, 0.2),99rem 0 0 rgba(255, 255, 255, 0.2),-99rem 0 0 rgba(255, 255, 255, 0.2),102rem 0 0 rgba(255, 255, 255, 0.2),-102rem 0 0 rgba(255, 255, 255, 0.2),105rem 0 0 rgba(255, 255, 255, 0.2),-105rem 0 0 rgba(255, 255, 255, 0.2),108rem 0 0 rgba(255, 255, 255, 0.2),-108rem 0 0 rgba(255, 255, 255, 0.2),111rem 0 0 rgba(255, 255, 255, 0.2),-111rem 0 0 rgba(255, 255, 255, 0.2),114rem 0 0 rgba(255, 255, 255, 0.2),-114rem 0 0 rgba(255, 255, 255, 0.2),117rem 0 0 rgba(255, 255, 255, 0.2),-117rem 0 0 rgba(255, 255, 255, 0.2),120rem 0 0 rgba(255, 255, 255, 0.2),-120rem 0 0 rgba(255, 255, 255, 0.2),123rem 0 0 rgba(255, 255, 255, 0.2),-123rem 0 0 rgba(255, 255, 255, 0.2),126rem 0 0 rgba(255, 255, 255, 0.2),-126rem 0 0 rgba(255, 255, 255, 0.2),129rem 0 0 rgba(255, 255, 255, 0.2),-129rem 0 0 rgba(255, 255, 255, 0.2),132rem 0 0 rgba(255, 255, 255, 0.2),-132rem 0 0 rgba(255, 255, 255, 0.2),135rem 0 0 rgba(255, 255, 255, 0.2),-135rem 0 0 rgba(255, 255, 255, 0.2),138rem 0 0 rgba(255, 255, 255, 0.2),-138rem 0 0 rgba(255, 255, 255, 0.2),141rem 0 0 rgba(255, 255, 255, 0.2),-141rem 0 0 rgba(255, 255, 255, 0.2),144rem 0 0 rgba(255, 255, 255, 0.2),-144rem 0 0 rgba(255, 255, 255, 0.2),147rem 0 0 rgba(255, 255, 255, 0.2),-147rem 0 0 rgba(255, 255, 255, 0.2),150rem 0 0 rgba(255, 255, 255, 0.2),-150rem 0 0 rgba(255, 255, 255, 0.2),153rem 0 0 rgba(255, 255, 255, 0.2),-153rem 0 0 rgba(255, 255, 255, 0.2),156rem 0 0 rgba(255, 255, 255, 0.2),-156rem 0 0 rgba(255, 255, 255, 0.2),159rem 0 0 rgba(255, 255, 255, 0.2),-159rem 0 0 rgba(255, 255, 255, 0.2),162rem 0 0 rgba(255, 255, 255, 0.2),-162rem 0 0 rgba(255, 255, 255, 0.2),165rem 0 0 rgba(255, 255, 255, 0.2),-165rem 0 0 rgba(255, 255, 255, 0.2),168rem 0 0 rgba(255, 255, 255, 0.2),-168rem 0 0 rgba(255, 255, 255, 0.2),171rem 0 0 rgba(255, 255, 255, 0.2),-171rem 0 0 rgba(255, 255, 255, 0.2),174rem 0 0 rgba(255, 255, 255, 0.2),-174rem 0 0 rgba(255, 255, 255, 0.2),177rem 0 0 rgba(255, 255, 255, 0.2),-177rem 0 0 rgba(255, 255, 255, 0.2),180rem 0 0 rgba(255, 255, 255, 0.2),-180rem 0 0 rgba(255, 255, 255, 0.2),183rem 0 0 rgba(255, 255, 255, 0.2),-183rem 0 0 rgba(255, 255, 255, 0.2),186rem 0 0 rgba(255, 255, 255, 0.2),-186rem 0 0 rgba(255, 255, 255, 0.2),189rem 0 0 rgba(255, 255, 255, 0.2),-189rem 0 0 rgba(255, 255, 255, 0.2),192rem 0 0 rgba(255, 255, 255, 0.2),-192rem 0 0 rgba(255, 255, 255, 0.2),195rem 0 0 rgba(255, 255, 255, 0.2),-195rem 0 0 rgba(255, 255, 255, 0.2),198rem 0 0 rgba(255, 255, 255, 0.2),-198rem 0 0 rgba(255, 255, 255, 0.2),201rem 0 0 rgba(255, 255, 255, 0.2),-201rem 0 0 rgba(255, 255, 255, 0.2),204rem 0 0 rgba(255, 255, 255, 0.2),-204rem 0 0 rgba(255, 255, 255, 0.2),207rem 0 0 rgba(255, 255, 255, 0.2),-207rem 0 0 rgba(255, 255, 255, 0.2),210rem 0 0 rgba(255, 255, 255, 0.2),-210rem 0 0 rgba(255, 255, 255, 0.2),213rem 0 0 rgba(255, 255, 255, 0.2),-213rem 0 0 rgba(255, 255, 255, 0.2),216rem 0 0 rgba(255, 255, 255, 0.2),-216rem 0 0 rgba(255, 255, 255, 0.2),219rem 0 0 rgba(255, 255, 255, 0.2),-219rem 0 0 rgba(255, 255, 255, 0.2),222rem 0 0 rgba(255, 255, 255, 0.2),-222rem 0 0 rgba(255, 255, 255, 0.2),225rem 0 0 rgba(255, 255, 255, 0.2),-225rem 0 0 rgba(255, 255, 255, 0.2),228rem 0 0 rgba(255, 255, 255, 0.2),-228rem 0 0 rgba(255, 255, 255, 0.2),231rem 0 0 rgba(255, 255, 255, 0.2),-231rem 0 0 rgba(255, 255, 255, 0.2),234rem 0 0 rgba(255, 255, 255, 0.2),-234rem 0 0 rgba(255, 255, 255, 0.2),237rem 0 0 rgba(255, 255, 255, 0.2),-237rem 0 0 rgba(255, 255, 255, 0.2),240rem 0 0 rgba(255, 255, 255, 0.2),-240rem 0 0 rgba(255, 255, 255, 0.2),243rem 0 0 rgba(255, 255, 255, 0.2),-243rem 0 0 rgba(255, 255, 255, 0.2),246rem 0 0 rgba(255, 255, 255, 0.2),-246rem 0 0 rgba(255, 255, 255, 0.2),249rem 0 0 rgba(255, 255, 255, 0.2),-249rem 0 0 rgba(255, 255, 255, 0.2),252rem 0 0 rgba(255, 255, 255, 0.2),-252rem 0 0 rgba(255, 255, 255, 0.2),255rem 0 0 rgba(255, 255, 255, 0.2),-255rem 0 0 rgba(255, 255, 255, 0.2),258rem 0 0 rgba(255, 255, 255, 0.2),-258rem 0 0 rgba(255, 255, 255, 0.2),261rem 0 0 rgba(255, 255, 255, 0.2),-261rem 0 0 rgba(255, 255, 255, 0.2),264rem 0 0 rgba(255, 255, 255, 0.2),-264rem 0 0 rgba(255, 255, 255, 0.2),267rem 0 0 rgba(255, 255, 255, 0.2),-267rem 0 0 rgba(255, 255, 255, 0.2),270rem 0 0 rgba(255, 255, 255, 0.2),-270rem 0 0 rgba(255, 255, 255, 0.2),273rem 0 0 rgba(255, 255, 255, 0.2),-273rem 0 0 rgba(255, 255, 255, 0.2),276rem 0 0 rgba(255, 255, 255, 0.2),-276rem 0 0 rgba(255, 255, 255, 0.2),279rem 0 0 rgba(255, 255, 255, 0.2),-279rem 0 0 rgba(255, 255, 255, 0.2),282rem 0 0 rgba(255, 255, 255, 0.2),-282rem 0 0 rgba(255, 255, 255, 0.2),285rem 0 0 rgba(255, 255, 255, 0.2),-285rem 0 0 rgba(255, 255, 255, 0.2),288rem 0 0 rgba(255, 255, 255, 0.2),-288rem 0 0 rgba(255, 255, 255, 0.2),291rem 0 0 rgba(255, 255, 255, 0.2),-291rem 0 0 rgba(255, 255, 255, 0.2),294rem 0 0 rgba(255, 255, 255, 0.2),-294rem 0 0 rgba(255, 255, 255, 0.2),297rem 0 0 rgba(255, 255, 255, 0.2),-297rem 0 0 rgba(255, 255, 255, 0.2),300rem 0 0 rgba(255, 255, 255, 0.2),-300rem 0 0 rgba(255, 255, 255, 0.2),303rem 0 0 rgba(255, 255, 255, 0.2),-303rem 0 0 rgba(255, 255, 255, 0.2),306rem 0 0 rgba(255, 255, 255, 0.2),-306rem 0 0 rgba(255, 255, 255, 0.2),309rem 0 0 rgba(255, 255, 255, 0.2),-309rem 0 0 rgba(255, 255, 255, 0.2),312rem 0 0 rgba(255, 255, 255, 0.2),-312rem 0 0 rgba(255, 255, 255, 0.2),315rem 0 0 rgba(255, 255, 255, 0.2),-315rem 0 0 rgba(255, 255, 255, 0.2),318rem 0 0 rgba(255, 255, 255, 0.2),-318rem 0 0 rgba(255, 255, 255, 0.2),321rem 0 0 rgba(255, 255, 255, 0.2),-321rem 0 0 rgba(255, 255, 255, 0.2),324rem 0 0 rgba(255, 255, 255, 0.2),-324rem 0 0 rgba(255, 255, 255, 0.2),327rem 0 0 rgba(255, 255, 255, 0.2),-327rem 0 0 rgba(255, 255, 255, 0.2),330rem 0 0 rgba(255, 255, 255, 0.2),-330rem 0 0 rgba(255, 255, 255, 0.2),333rem 0 0 rgba(255, 255, 255, 0.2),-333rem 0 0 rgba(255, 255, 255, 0.2),336rem 0 0 rgba(255, 255, 255, 0.2),-336rem 0 0 rgba(255, 255, 255, 0.2),339rem 0 0 rgba(255, 255, 255, 0.2),-339rem 0 0 rgba(255, 255, 255, 0.2),342rem 0 0 rgba(255, 255, 255, 0.2),-342rem 0 0 rgba(255, 255, 255, 0.2),345rem 0 0 rgba(255, 255, 255, 0.2),-345rem 0 0 rgba(255, 255, 255, 0.2),348rem 0 0 rgba(255, 255, 255, 0.2),-348rem 0 0 rgba(255, 255, 255, 0.2),351rem 0 0 rgba(255, 255, 255, 0.2),-351rem 0 0 rgba(255, 255, 255, 0.2),354rem 0 0 rgba(255, 255, 255, 0.2),-354rem 0 0 rgba(255, 255, 255, 0.2),357rem 0 0 rgba(255, 255, 255, 0.2),-357rem 0 0 rgba(255, 255, 255, 0.2);
  transition: 500ms ease all;
}
.navbar__item:first-child:nth-last-child(1):last-child:hover:before, .navbar__item:first-child:nth-last-child(1) ~ li:last-child:hover:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(2):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(2) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(2):last-child:hover:before, .navbar__item:first-child:nth-last-child(2) ~ li:last-child:hover:before {
  left: 50%;
}
.navbar__item:first-child:nth-last-child(3):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(3) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(3):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(3) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 33.3333333333%;
}
.navbar__item:first-child:nth-last-child(3):last-child:hover:before, .navbar__item:first-child:nth-last-child(3) ~ li:last-child:hover:before {
  left: 66.6666666667%;
}
.navbar__item:first-child:nth-last-child(4):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(4):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 25%;
}
.navbar__item:first-child:nth-last-child(4):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 50%;
}
.navbar__item:first-child:nth-last-child(4):last-child:hover:before, .navbar__item:first-child:nth-last-child(4) ~ li:last-child:hover:before {
  left: 75%;
}
.navbar__item:first-child:nth-last-child(5):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(5):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 20%;
}
.navbar__item:first-child:nth-last-child(5):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 40%;
}
.navbar__item:first-child:nth-last-child(5):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 60%;
}
.navbar__item:first-child:nth-last-child(5):last-child:hover:before, .navbar__item:first-child:nth-last-child(5) ~ li:last-child:hover:before {
  left: 80%;
}
.navbar__item:first-child:nth-last-child(6):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(6):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 16.6666666667%;
}
.navbar__item:first-child:nth-last-child(6):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 33.3333333333%;
}
.navbar__item:first-child:nth-last-child(6):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 50%;
}
.navbar__item:first-child:nth-last-child(6):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 66.6666666667%;
}
.navbar__item:first-child:nth-last-child(6):last-child:hover:before, .navbar__item:first-child:nth-last-child(6) ~ li:last-child:hover:before {
  left: 83.3333333333%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 14.2857142857%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 28.5714285714%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 42.8571428571%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 57.1428571429%;
}
.navbar__item:first-child:nth-last-child(7):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(6):hover ~ li:last-child:before {
  left: 71.4285714286%;
}
.navbar__item:first-child:nth-last-child(7):last-child:hover:before, .navbar__item:first-child:nth-last-child(7) ~ li:last-child:hover:before {
  left: 85.7142857143%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 12.5%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 25%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 37.5%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 50%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(6):hover ~ li:last-child:before {
  left: 62.5%;
}
.navbar__item:first-child:nth-last-child(8):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(7):hover ~ li:last-child:before {
  left: 75%;
}
.navbar__item:first-child:nth-last-child(8):last-child:hover:before, .navbar__item:first-child:nth-last-child(8) ~ li:last-child:hover:before {
  left: 87.5%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 11.1111111111%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 22.2222222222%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 33.3333333333%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 44.4444444444%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(6):hover ~ li:last-child:before {
  left: 55.5555555556%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(7):hover ~ li:last-child:before {
  left: 66.6666666667%;
}
.navbar__item:first-child:nth-last-child(9):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(8):hover ~ li:last-child:before {
  left: 77.7777777778%;
}
.navbar__item:first-child:nth-last-child(9):last-child:hover:before, .navbar__item:first-child:nth-last-child(9) ~ li:last-child:hover:before {
  left: 88.8888888889%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 10%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 20%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 30%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 40%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(6):hover ~ li:last-child:before {
  left: 50%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(7):hover ~ li:last-child:before {
  left: 60%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(8):hover ~ li:last-child:before {
  left: 70%;
}
.navbar__item:first-child:nth-last-child(10):nth-child(9):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(9):hover ~ li:last-child:before {
  left: 80%;
}
.navbar__item:first-child:nth-last-child(10):last-child:hover:before, .navbar__item:first-child:nth-last-child(10) ~ li:last-child:hover:before {
  left: 90%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(1):hover ~ li:last-child:before {
  left: 0%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(2):hover ~ li:last-child:before {
  left: 9.0909090909%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(3):hover ~ li:last-child:before {
  left: 18.1818181818%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(4):hover ~ li:last-child:before {
  left: 27.2727272727%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(5):hover ~ li:last-child:before {
  left: 36.3636363636%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(6):hover ~ li:last-child:before {
  left: 45.4545454545%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(7):hover ~ li:last-child:before {
  left: 54.5454545455%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(8):hover ~ li:last-child:before {
  left: 63.6363636364%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(9):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(9):hover ~ li:last-child:before {
  left: 72.7272727273%;
}
.navbar__item:first-child:nth-last-child(11):nth-child(10):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(10):hover ~ li:last-child:before {
  left: 81.8181818182%;
}
.navbar__item:first-child:nth-last-child(11):last-child:hover:before, .navbar__item:first-child:nth-last-child(11) ~ li:last-child:hover:before {
  left: 90.9090909091%;
}