@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Jersey+15&family=Lugrasimo&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Shadows+Into+Light&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900";*{margin:0;padding:0}body{width:100%}.firstpage{min-height:100vh;background:linear-gradient(to right,#f5f7f8,#798e9e)}.nav{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:3.5rem;background-color:#1c2833;border-bottom:1px solid #141e27;z-index:4}.title h2{color:#fff;font-size:2rem;font-family:Poppins,sans-serif;position:absolute;transform:translate(-50%,-50%)}.title h2:nth-child(1){color:transparent;-webkit-text-stroke:2px #1f7a8c}.title h2:nth-child(2){color:#90e0ef;animation:animate 4s ease-in-out infinite}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.content{display:flex;flex-direction:column;align-items:flex-start;padding-top:5rem;padding-left:12rem;width:25rem}.Parent_input{display:flex;flex-direction:column;width:25rem;margin-top:2rem}.inpu_t{display:flex;justify-content:flex-start;align-items:center;background-color:#f8fcfeb3;border:1px solid #1c2833;border-radius:1rem;height:3.1rem;width:24rem;position:relative}.input{padding-left:.6rem;font-size:1.4rem;text-transform:uppercase;color:#023e8a;width:100%;height:2.9rem;border:none;outline:none;background-color:transparent}input::placeholder{padding-left:.4rem;font-size:.9rem;color:#00798c}.butto_n{border:none;display:flex;justify-content:center;align-items:center}.material-symbols-outlined{padding-right:.6rem;color:#118ab2;outline:none;background-color:transparent}.search{outline:none;background-color:transparent}.main_option{position:absolute;transform:translate(50,50);top:21.8%;left:8;z-index:2;flex-direction:column;width:24rem;box-shadow:0 0 8px #ddd;border-radius:1rem;margin-top:.6rem;max-height:14rem;overflow-y:scroll;overflow-x:hidden;gap:1.1rem;padding:.5rem;background-color:#f8fcfe}.option_1{display:flex;flex-direction:row;align-items:center;padding-left:2rem;padding-right:1.7rem;justify-content:space-between;height:3rem;gap:.3rem}.option_1:hover{background-color:#efefef}.main_option::-webkit-scrollbar{width:6px;border-radius:10%}.main_option::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.main_option::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.main_option::-webkit-scrollbar-thumb:hover{background:#555;border-radius:10%}.image{filter:drop-shadow(1px 1px 20px rgba(45,174,249,.618));margin-left:3rem;margin-top:2rem}img{width:692px;height:452px}.left_div{display:flex;flex-direction:column;gap:1.3rem;width:693px}.right_div{display:flex;flex-direction:column;width:100%}.sentence{font-size:1.7rem;position:absolute;font-family:Cinzel,serif;transform:translate(-50,-50);top:22.9%;left:54.7%}@keyframes blink{50%{border-color:transparent}}@keyframes type{0%{width:0}}.p1{text-shadow:1px 1px 1px #184e77,-1px -1px 1px #184e77;color:#184e77}.p2{color:#1f7a8c;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);animation:text-animation 3s ease-in-out forwards alternate infinite;text-shadow:1px 1px 1px #1f7a8c,-1px -1px 1px #1f7a8c}.p3{height:20%;color:transparent}@keyframes text-animation{0%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}to{clip-path:polygon(0 0,0% 1%,0% 100%,0% 100%)}}.container{height:3rem;width:100%;display:flex;justify-content:center;align-items:center;color:#444;font-family:monospace;flex-direction:column;color:#e0f2f1;position:absolute;transform:translate(-50,-50);top:87.8%}.text{font-size:1.3rem;font-family:Cinzel,serif;color:#00798c;width:54ch;border-right:3px solid;animation:blink 1s step-end infinite,type 5.5s steps(57) forwards;overflow:hidden;white-space:nowrap}.middle_div{display:flex;gap:9rem}.main_company{display:flex;flex-direction:column;gap:1rem;padding-top:9rem}.compan,.compa,.company,.comp{display:flex;flex-direction:row;gap:3.5rem}.button{color:#00798c;border:1px solid;width:5.7rem;height:2.8rem;border-radius:1rem;background:linear-gradient(to right,#f5f7f8,#798e9e);transition:transform .3s ease-in-out}.button:hover{cursor:pointer;transform:scale(1.25)}.footer{position:fixed;width:100%;padding:1rem 0;background-color:#1c2833;color:#fff;text-align:center;bottom:0;z-index:4}.footer p{margin:0;font-size:.9rem;color:#90e0ef}@media only screen and (max-width: 1247px){.image{position:absolute;transform:translate(-50,-50);top:29%;left:2%;margin-top:.5rem}img{width:650px;height:410px}.input{width:23rem}.sentence{font-size:1.6rem}.middle_div{display:flex;gap:6rem}.main_company{position:absolute;transform:translate(-50,-50);top:27%;left:60.7%}.container{position:absolute;transform:translate(-50,-50);top:87%}}@media only screen and (max-width: 1025px){.image{position:absolute;transform:translate(-50,-50);top:25%;left:-5%;margin-top:.5rem}.content{padding-left:4.9rem;padding-top:4rem}.company,.compan,.compa,.comp{display:flex;flex-direction:row;gap:1.8rem}.main_company{position:absolute;transform:translate(-50,-50);top:24%;left:63.7%}}@media only screen and (max-width: 961px){.image{position:absolute;transform:translate(-50,-50);top:27%;left:-5%;margin-top:.5rem}img{width:580px;height:390px}.sentence{transform:translate(-50,-50);top:21.9%;left:50.7%;font-size:1.45rem}.company,.compan,.compa,.comp{display:flex;flex-direction:row;gap:1.8rem}.content{padding-left:4.5rem;padding-top:4rem}.main_company{position:absolute;transform:translate(-50,-50);top:23%;left:60.7%}.container{position:absolute;transform:translate(-50,-50);top:86%}}@media only screen and (max-width: 769px){.inpu_t{width:20rem}.input{width:286.4px}.content{padding-left:3.5rem;padding-top:7rem}.sentence{font-size:1.4rem}.button{width:4.8rem;height:2.6rem}.text{font-size:1.15rem}img{width:515px;height:330px}.image{transform:translate(-50,-50);top:30%;left:-8%}.company,.compan,.compa,.comp{display:flex;flex-direction:row;gap:1.5rem}.main_company{position:absolute;transform:translate(-50,-50);top:22%;left:62.7%}}@media only screen and (max-width: 426px){.firstpage{width:742px;height:850px}.inpu_t{width:25rem}.input{width:350.4px}.content{padding-left:10.4rem;padding-top:5rem}img{width:585px;height:340px}.image{transform:translate(-50,-50);top:26%;left:5%}.sentence{position:absolute;top:81%;left:10.8%;width:43rem}.main_company{position:absolute;top:68.7%;left:30%;display:flex;gap:.6rem}.comp,.compa,.compan,.company{display:flex;gap:7rem}.container{position:absolute;left:36.9%;top:123%}}@media only screen and (max-width: 376px){.container{position:absolute;left:48.5%;top:123%}.image{transform:translate(-50,-50);top:26%;left:7%}}@media only screen and (max-width: 320px){.main_company{position:absolute;top:68.7%;left:45%;display:flex;gap:.6rem}.container{position:absolute;left:65.5%;top:123%}}.secondpage{display:flex;min-height:95vh;background:linear-gradient(to right,#f5f7f8,#798e9e)}.txt{position:absolute;transform:translate(-50,-50);top:109%;left:45%}#txt{display:flex;align-items:center;justify-content:center;flex:1;font-family:Cinzel,serif;letter-spacing:3.5px;font-size:2.5rem;font-weight:700;perspective:100px}#txt>b{height:2.5rem;box-shadow:0 .4rem .3rem -.3rem #aaa;color:#979c9f;background:linear-gradient(135deg,#1f7a8c,#1c2833);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform-origin:bottom;transform:rotateX(-85deg);-webkit-transform-origin:bottom;-webkit-transform:rotateX(-85deg);animation:getUp 7s infinite}#txt>b:nth-child(2){animation-delay:.25s}#txt>b:nth-child(3){animation-delay:.5s}#txt>b:nth-child(4){animation-delay:.75s}#txt>b:nth-child(5){animation-delay:1s}#txt>b:nth-child(6){animation-delay:1.25s}#txt>b:nth-child(7){animation-delay:1.5s}#txt>b:nth-child(8){animation-delay:1.75s}@keyframes getUp{10%,50%{transform:rotateX(0)}0%,60%,to{transform:rotateX(-85deg)}}.chart_intro{position:absolute;transform:translate(-50,-50);top:120%;left:14%;font-family:Cinzel,serif;color:#1f7a8c}.graph{width:800px;height:500px;position:absolute;transform:translate(-50,-50);top:125%;left:6%}@media only screen and (max-width: 1247px){.graph{position:absolute;transform:translate(-50,-50);top:125%;left:5%;width:770px}}@media only screen and (max-width: 1025px){.graph{width:680px;position:absolute;transform:translate(-50,-50);top:122%;left:4%;height:460px}.chart_intro{position:absolute;transform:translate(-50,-50);left:11.5%;top:117%}.button_1,.button_2{display:flex;gap:2rem}}@media only screen and (max-width: 961px){.graph{width:630px;position:absolute;transform:translate(-50,-50);top:125%;left:4%}.chart_intro{position:absolute;transform:translate(-50,-50);left:11.5%}}@media only screen and (max-width: 769px){#txt{position:absolute;top:108%;font-size:2rem}.graph{position:absolute;transform:translate(-50,-50);top:120%;left:3%;width:730px;height:400px}.chart_intro{position:absolute;transform:translate(-50,-50);left:11.5%;top:115.2%}}@media only screen and (max-width: 426px){.secondpage{width:742px}#txt{position:absolute;left:72%;top:134%}.chart_intro{position:absolute;transform:translate(-50,-50);left:22.5%;top:143.2%;width:39.5rem}.graph{position:absolute;transform:translate(-50,-50);top:148%;left:3%;width:730px;height:400px}.graph{position:absolute;transform:translate(-50,-50);top:147%;left:1%}}@media only screen and (max-width: 376px){#txt{position:absolute;left:84%;top:134%}}@media only screen and (max-width: 320px){.chart_intro{position:absolute;transform:translate(-50,-50);left:27.5%;top:143.2%;width:39.5rem}}.third_page{min-height:100vh;background:linear-gradient(to right,#f5f7f8,#798e9e);display:flex;justify-content:center;flex-direction:column;align-items:center;padding:2rem}.detail{font-family:Cinzel,serif;color:#00798c;font-size:1.8rem;text-align:center;margin-bottom:2rem}.mainOne{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.leftOne,.middleOne,.rightOne{display:flex;flex-direction:column;gap:1.5rem}.one{display:flex;align-items:center;background-color:#f0f4f7;border-radius:.5rem;padding:1rem;transition:all .3s ease}.one:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0000001a}.detailName{font-family:Cinzel,serif;font-size:1rem;color:#00798c;flex:1}.detailValue{font-weight:700;font-size:1rem;color:#333;margin-left:1rem}.logo{height:24px;width:24px;margin-right:1rem}@media only screen and (max-width: 1200px){.box{width:95%}.mainOne{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 768px){.mainOne{grid-template-columns:1fr}.third_page{margin-bottom:3rem}.detail{font-size:1.5rem}}@media only screen and (max-width: 480px){.third_page{width:42.4rem}.box{padding:1.5rem}.one{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.detailName,.detailValue{width:100%;margin-left:0;margin-top:.5rem}.logo{display:flex;justify-content:center;align-items:center}.detailValue{margin-left:2.4rem}.detailName{margin-bottom:.5rem}}.button_1,.button_2{display:flex;flex-direction:row;gap:3rem;position:absolute;transform:translate(-50,-50);top:143%;left:71%;overflow:hidden}.button_2{top:155%}.graph_button{position:relative;box-shadow:0 0 10px 5px #44606a66;overflow:hidden;border-radius:0;color:#00798c;background:linear-gradient(to right,#f5f7f8,#798e9e);border:1px solid;width:6rem;height:2.8rem;transition:transform .3s ease-in-out}.graph_button span:nth-child(1){position:absolute;top:0;right:0;width:100%;height:2.5px;background:linear-gradient(to right,#184e77,#1f7a8c);animation:animate1 2s linear infinite}@keyframes animate1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.graph_button span:nth-child(2){position:absolute;top:0;right:0;height:100%;width:2px;background:linear-gradient(to bottom,#184e77,#1f7a8c);animation:animate2 2s linear infinite;animation-delay:1s}@keyframes animate2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.graph_button span:nth-child(3){position:absolute;bottom:0;right:0;width:100%;height:2.5px;background:linear-gradient(to left,#184e77,#1f7a8c);animation:animate3 2s linear infinite}@keyframes animate3{0%{transform:translate(100%)}to{transform:translate(-100%)}}.graph_button span:nth-child(4){position:absolute;top:0;left:0;height:100%;width:2px;background:linear-gradient(to top,#184e77,#1f7a8c);animation:animate4 2s linear infinite;animation-delay:1s}@keyframes animate4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@media only screen and (max-width: 769px){.graph_button{width:4.5rem;height:2.25rem}.button_1{position:absolute;top:184%;left:22%}.button_2{position:absolute;top:184%;left:55%}}@media only screen and (max-width: 426px){.button_1{position:absolute;top:213%;left:33%}.button_2{position:absolute;top:213%;left:95%}}@media only screen and (max-width: 376px){.button_2{position:absolute;top:213%;left:109%}.button_1{position:absolute;top:213%;left:35%}}@media only screen and (max-width: 376px){.button_2{position:absolute;top:213%;left:129%}}