@keyframes rotate_the_slides{100%{transform:rotateY(360deg)}}@keyframes rotate_center_logo_p{100%{transform:rotateY(-360deg)}}@media (min-width:700px){#slides,#slides .slide{height:max(40vh,400px)}#slides .slide,#slides .slide .faces{perspective:1000px;transform-style:preserve-3d}#slides,#slides .slide,#slides .slide .faces{transform-style:preserve-3d}#slides .slide .faces .back-face,#slides .slide .faces .front-face{height:100%;z-index:1;backface-visibility:hidden;border-radius:50%/10%;width:100%;position:absolute}.right-to-left-ps,.right-to-left-ps p{text-align:right;direction:rtl}.point,.points{border-style:solid;display:flex}#slides{margin-top:0;z-index:1;width:max(100vw,700px);background-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;perspective:50000px;animation:20s linear infinite rotate_the_slides;transition:1s}#slides .slide{position:absolute;width:max(50vw,350px);top:0;right:50%;margin-right:-20%}#slides .slide .faces{position:relative;height:100%;width:100%}#slides .slide .faces .front-face{background-color:#fff;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;overflow:hidden}#slides .slide .faces .back-face{background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);transform:rotateY(180deg);transform-style:preserve-3d}#slides .slide .ps{margin-top:0;width:100%;padding:10px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}#slides .slide .ps p{width:100%}#slides .slide img{width:100%;height:40%;object-fit:cover;filter:brightness(100%);transition:.3s}#slides .slide h2{font-size:max(2vw, 20px);color:#000;text-align:center;text-shadow:max(.1vw,1px) #000;margin-top:max(.5vw,5px)}#slide_1{transform:rotateY(0) translateZ(max(50vw,350px))}#slide_2{transform:rotateY(90deg) translateZ(max(50vw,350px))}#slide_3{transform:rotateY(180deg) translateZ(max(50vw,350px))}#slide_4{transform:rotateY(270deg) translateZ(max(50vw,350px))}#center_logo{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;top:0;width:max(20vw,140px);aspect-ratio:1/1;gap:max(1vw,10px)}#center_logo img{width:90%}#center_logo_p{position:absolute;top:60%;animation:20s linear infinite rotate_center_logo_p;transition:1s}#center_logo_p p{color:#6e8caf;font-size:max(4vw, 40px);text-shadow:max(.2vw,2px) max(.2vw,2px) max(.2vw,2px) #0a3c5a,min(-.2vw,-2px) max(.2vw,2px) max(.2vw,2px) #0a3c5a,max(.2vw,2px) min(-.2vw,-2px) max(.2vw,2px) #0a3c5a,min(-.2vw,-2px) min(-.2vw,-2px) max(.2vw,2px) #0a3c5a}.left-to-right-ps{text-align:left;direction:ltr}.right-to-left-ps p{font-size:max(1vw, 10px)}.left-to-right-ps p{text-align:left;direction:ltr;font-size:max(.9vw, 9px)}.points{position:fixed;z-index:10;height:max(3.2vw,50px);width:max(15vw,250px);background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);border-color:#fff;border-width:max(.1vw,1px);border-radius:max(3vw,30px);flex-direction:row;align-items:center;justify-content:space-around;bottom:10px;right:max(42.5vw,225px)}.point{width:10%;aspect-ratio:1/1;border-color:#0a3c5a;border-width:max(.2vw,3px);border-radius:50%;overflow:hidden;align-items:center;justify-content:center;transition:.3s}.selected-point{background-color:#6e8caf}.unselected-point{background-color:transparent}.unselected-point:hover{transition:.3s;border-color:#6e8caf;cursor:pointer}}@media (max-width:700px){#slides,#slides .slide{height:max(80vh,250px)}#slides .slide,#slides .slide .faces{perspective:1000px;transform-style:preserve-3d}#slides,#slides .slide,#slides .slide .faces{transform-style:preserve-3d}#slides .slide .faces .back-face,#slides .slide .faces .front-face{height:100%;z-index:1;backface-visibility:hidden;border-radius:50%/10%;width:100%}#center_logo,#slides .slide{width:max(50vw,125px);position:absolute}.right-to-left-ps,.right-to-left-ps p{text-align:right;direction:rtl}.left-to-right-ps p,.right-to-left-ps p{font-size:max(1.1vw, 11px);line-height:max(2.2, 22px)}.point,.points{border-style:solid;display:flex}#slides{margin-top:max(2vh,10px);z-index:1;width:max(100vw,250px);background-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;perspective:50000px;animation:20s linear infinite rotate_the_slides;transition:1s}#slides .slide{top:0;right:50%;margin-right:-20%}#slides .slide .faces{position:relative;height:100%;width:100%}#slides .slide .faces .front-face{position:absolute;background-color:#fff;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;overflow:hidden}#slides .slide .faces .back-face{position:absolute;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);transform:rotateY(180deg);transform-style:preserve-3d}#slides .slide .ps{margin-top:0;width:100%;padding:10px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}#center_logo img,#slides .slide .ps p{width:100%}#slides .slide img{width:100%;height:40%;object-fit:cover;filter:brightness(100%);transition:.3s}#slides .slide h2{font-size:max(2vw, 20px);color:#000;text-align:center;text-shadow:0 max(.1vw,1px) max(.5vw,5px) #000;margin-top:max(.5vw,5px)}#slide_1{transform:rotateY(0) translateZ(max(50vw,125px))}#slide_2{transform:rotateY(90deg) translateZ(max(50vw,125px))}#slide_3{transform:rotateY(180deg) translateZ(max(50vw,125px))}#slide_4{transform:rotateY(270deg) translateZ(max(50vw,125px))}#center_logo{display:flex;flex-direction:column;align-items:center;justify-content:center;top:15%;aspect-ratio:1/1;gap:max(1vh,10px)}#center_logo_p{position:absolute;top:60%;animation:20s linear infinite rotate_center_logo_p;transition:1s}#center_logo_p p{color:#6e8caf;font-size:max(4vw, 40px);text-shadow:max(.2vw,2px) max(.2vw,2px) max(.2vw,2px) #0a3c5a,min(-.2vw,-2px) max(.2vw,2px) max(.2vw,2px) #0a3c5a,max(.2vw,2px) min(-.2vw,-2px) max(.2vw,2px) #0a3c5a,min(-.2vw,-2px) min(-.2vw,-2px) max(.2vw,2px) #0a3c5a}.left-to-right-ps{text-align:left;direction:ltr}.left-to-right-ps p{text-align:left;direction:ltr}.points{z-index:10;height:max(3.2vw,50px);width:max(50vw,240px);background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);border-color:#fff;border-width:max(.1vw,1px);border-radius:max(3vw,30px);flex-direction:row;align-items:center;justify-content:space-around;position:fixed;bottom:10px;right:max(25vw,5px)}.point{width:10%;aspect-ratio:1/1;border-color:#0a3c5a;border-width:max(.2vw,3px);border-radius:50%;overflow:hidden;align-items:center;justify-content:center;transition:.3s}.selected-point{background-color:#6e8caf}.unselected-point{background-color:transparent}.unselected-point:hover{transition:.3s;border-color:#6e8caf;cursor:pointer}}