.swiper{width:100%;height:100vh}.swiper-slide{text-align:center;font-size:18px;background:transparent;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper{margin-left:auto;margin-right:auto}.swiper-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.swiper-pagination-bullet{width:-moz-fit-content!important;width:fit-content!important;height:100%!important;margin:0 10px!important;padding:5px!important;opacity:.5!important;background-color:#99999924;border-radius:5px;text-transform:uppercase}.swiper-pagination-bullet-active{border-radius:5px!important;background-color:var(--min-color);opacity:1!important;padding:5px!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;-ms-border-radius:5px!important;-o-border-radius:5px!important}.swiper-pagination-vertical{display:flex;flex-direction:column}.swiper-pagination-vertical span{width:15px!important;height:30px!important;border-radius:2px!important;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-ms-border-radius:2px!important;-o-border-radius:2px!important}.autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--swiper-theme-color)}.autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.home{margin-top:150px;height:100%;flex-direction:column;justify-content:flex-start}.home,.home .my-photo{width:100%;position:relative;display:flex;align-items:center}.home .my-photo{height:50%;justify-content:center}.home .my-photo .img-1{position:absolute;height:265px!important;width:265px!important;left:12px;border-radius:50%;object-position:top;inset:auto!important;box-shadow:0 0 53px 12px var(--min-color)}.home .my-photo .img-2{position:absolute;height:300px!important;width:300px!important;left:0;inset:auto!important}.about-my h1{font-size:40px}.about-my{display:flex;flex-direction:column;align-items:center}.about-my p{text-align:center;width:60%;margin-top:15px}@media (max-width:666px){.home{margin-top:125px}.home .my-photo{height:40%}.about-my p{margin-top:20px;width:90%}}@media (max-width:400px){.home .my-photo .img-1{height:215px!important;width:215px!important}.home .my-photo .img-2{height:245px!important;width:245px!important}.about-my h1{font-size:35px}.about-my p{font-size:15px}}@media (max-width:330px){.home{margin-top:50px}.about-my h1{font-size:25px}.about-my h3{font-size:13px}}@media (max-height:600px){.home .my-photo .img-1{height:200px!important;width:200px!important}.home .my-photo .img-2{height:235px!important;width:235px!important}.home .my-photo{height:25%!important;margin-bottom:44px!important}}.about{width:100%}.about .about-sc{display:flex;flex-direction:column}.about .title-about{font-size:40px;text-transform:uppercase;margin-bottom:20px;text-shadow:2px 2px 3px var(--min-color)}.about .content-about{width:50%;text-align:center;font-size:25px}.about .content-about p span{color:white!important;text-align:center;font-size:20px;font-family:Orbitron}.about .content-about p a span{text-transform:uppercase!important;color:rgb(40,66,232)!important}.about .about-sc video{width:400px;margin-top:23px;border-radius:7px}.about .content-about iframe{width:310px;border-radius:3px;margin-top:20px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.about .img-container{width:90%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.about .img-container .img-certificate{position:relative!important;width:250px!important;height:200px!important;object-fit:cover;border-radius:4px;cursor:pointer;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.about .img-container .img-certificate :hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.about .big-img{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:rgba(0,0,0,.374);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(5px);position:absolute;z-index:55555!important}.about .big-img img{position:relative!important;width:600px!important;height:450px!important;border-radius:5px}.about .Close{width:100%;position:relative;cursor:pointer;left:292px;font-size:35px;color:#ff5555}.about .arrows{display:flex;gap:20px;margin-top:20px}.about .arrows button{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border:none;outline:none;width:30px;height:30px;font-size:25px;border-radius:50%}.keyboard-navigation-message{position:absolute;top:50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);border:1px solid green;color:white;padding:10px;border-radius:5px;font-size:14px}@media (min-width:768px) and (min-height:1024px){.about .title-about{font-size:50px!important}.about .content-about{width:90%!important;text-align:center;font-size:35px!important}.about .about-sc video,.about .content-about iframe{width:450px!important}}@media (max-width:450px) and (max-height:677px){.about .title-about{font-size:30px!important}.about .content-about p span{font-size:14px!important}.about .about-sc video,.about .content-about iframe{width:250px!important}}@media (max-width:600px){.about .content-about{width:90%;font-size:15px}.about .title-about{font-size:35px}.about .content-about p span{font-size:18px;line-height:1.5}.about .about-sc video{width:300px;border-radius:7px}.about .content-about iframe{width:300px}.about .img-container .img-certificate{position:relative!important;width:150px!important;height:150px!important}.about .big-img img{width:90%!important;height:auto!important}.about .Close{position:static}}@media (max-width:350px){.about .content-about{width:90%;font-size:15px}.about .title-about{font-size:25px}.about .content-about p span{font-size:12px;line-height:1.1}.about .about-sc video{width:200px;border-radius:7px}.about .content-about iframe{width:200px}.about .img-container .img-certificate{position:relative!important;width:110px!important;height:110px!important}}@media (max-height:600px){.about .content-about{width:75%;text-align:justify;font-size:22px;display:flex;gap:8px;align-items:center}.about .about-sc video{width:300px}.about .img-container .img-certificate{width:200px!important;height:140px!important}}.hex-grid-container{width:40%;display:flex;gap:5px;justify-content:center;align-items:center;padding:20px;transition:all .3s ease;flex-wrap:wrap;margin-top:30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.hex{width:83px;height:80px;cursor:pointer;background-color:#ffffff;-webkit-clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);display:flex;justify-content:center;align-items:center;color:white;font-size:20px}.hex,.hex:nth-child(odd){transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.hex:nth-child(odd){transform:translateY(50%);margin-bottom:40px}.hex:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.hex:nth-child(odd):hover{transform:scale(1.1)}.hex img{width:40px!important;height:40px!important;object-fit:contain}@media (min-width:851px) and (max-width:1200px){.hex-grid-container{width:60%}}@media (max-width:500px){.hex-grid-container{width:100%;gap:0;padding:0}.hex{width:60px;height:60px}}@media (min-width:501px) and (max-width:850px){.hex-grid-container{width:100%;gap:0;padding:0}}.cards{width:100%;display:flex;padding:0 20px;gap:55px 0;height:85vh;align-items:center;justify-content:space-around;flex-wrap:wrap;position:relative;overflow-y:auto}.cards .card{position:relative;margin:5px;width:450px;height:230px;overflow-x:clip;background-color:#1C1C1F;border-radius:6px;cursor:pointer;border:1px solid #2d2d2f;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.cards .card:hover{transform:scale(1.09);-webkit-transform:scale(1.09);-moz-transform:scale(1.09);-ms-transform:scale(1.09);-o-transform:scale(1.09)}.cards .Instructions{width:100%;background-color:#1C1C1F;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cards .Instructions .dots{display:flex;justify-content:center;align-items:flex-end;gap:10px}.cards .card .img-1{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.cards .card .title{background-color:#1C1C1F;position:absolute;top:-38px;left:-1px;width:80%;padding:4px;border-radius:5px;text-align:justify;border:1px solid #2d2d2f;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.cards .card .title .icon{width:55px;height:30px;position:absolute;right:0;top:0;display:flex;justify-content:flex-end}.cards .card .dots{position:absolute;right:5px;top:-30px;display:flex}.Instructions .dots .red,.cards .card .dots .red{background-color:red;width:10px;height:10px;display:block;margin:5px;border-radius:50%;box-shadow:0 0 5px 2px red}.Instructions .dots .green,.cards .card .dots .green{background-color:#09b309;width:10px;height:10px;display:block;margin:5px;border-radius:50%;box-shadow:0 0 5px 2px #09b309}.Instructions .dots .orange,.cards .card .dots .orange{background-color:orange;width:10px;height:10px;display:block;margin:5px;border-radius:50%;box-shadow:0 0 5px 2px orange}.more{width:30px;height:30px;overflow:hidden;position:absolute;cursor:pointer;z-index:99;display:flex;gap:10px;align-items:center;justify-content:flex-start;top:105px;left:35px;border:0;border-radius:24px;background:#1c1c1e;color:#ffffff;transition:all .3s ease-in-out;box-shadow:inset 0 0 0 1px rgba(255,255,255,.145),0 11px 40px 0 rgba(0,0,0,.25),0 2px 10px 0 rgba(0,0,0,.12);-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.more:hover{width:180px;padding:0 10px 0 0}.more .content-more{width:200px;position:absolute}.more .plus{margin-top:4px;margin-left:6px}.card .visit{width:100%;height:100%;background:#0000008f;position:absolute;top:0;left:-500px;display:flex;align-items:center;justify-content:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.cards .card:hover .visit{left:0}.card .visit a{font-size:30px;display:flex;align-items:center;justify-content:center;color:white}.card .visit a .ArrowUpRight{transform:translateY(6px);transition:.5s ease-in-out;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px)}.card .visit a:hover .ArrowUpRight{transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px)}@media (min-width:770px) and (max-width:963px){.card{width:350px!important}}@media (min-width:412px) and (max-width:612px){.cards .Instructions .dots{justify-content:center;align-items:center;font-size:10px}}@media (max-width:1278px){.card{width:45%}}@media (max-width:845px){.cards{justify-content:center;width:100%}.card{width:350px}.cards .Instructions{width:90%}.cards .card .dots{right:10px;top:-32px}}@media (max-width:770px){.cards{padding-top:15%;width:100%;height:100vh;overflow-y:auto;justify-content:center}.cards .card{width:90%}}