*{margin:0;padding:0;box-sizing:border-box}:root{--main-bg-color:#02042b;--white:#ffff;--yellow:#f0a505;--pink:#f1388b;--light:#03aaef;--box1:rgba(255,255,255,0.1);--head:#777;--dark:#333;--before:rgba(160, 160, 160, 0.1);--med:rgb(102, 205, 170);--tomato:rgb(255, 99, 72);--cyan:rgb(0, 139, 139);--darkblue:rgb(0, 0, 255);--yelgreen:rgb(154, 205, 50);--skyblue:rgb(135, 206, 235);--brown:rgb(165, 42, 42);--lb:#3498db;--shade:#2ecc71;--reddish:#e74c3c;--black:#000}section{font-family:montserrat,sans-serif;background:var(--white);transition:all .2s linear;padding-bottom:50px}section ul{display:flex;margin-bottom:10px;padding-top:40px;display:flex;justify-content:center}section ul li{list-style:none;background:var(--white);padding:8px 20px;margin:5px;letter-spacing:1px;cursor:pointer;font-size:17px;font-weight:bolder;text-transform:uppercase;color:#888}section ul li.active{background:var(--light);color:var(--white);border-radius:25px}.container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:5px}.card{width:292px;background:var(--white);border-radius:5px;padding:20px;padding-top:80px;margin:20px;text-align:center;letter-spacing:1px;box-shadow:0 15px 30px rgba(0,0,0,.3);overflow:hidden;position:relative;z-index:0}.card h3{font-size:18px;padding:20px;color:var(--black)}.card p{font-size:15px;color:var(--head)}.card button{outline:0;border:none;background:var(--dark);width:140px;margin-top:40px;cursor:pointer;border-radius:50px;color:var(--white);text-transform:capitalize;font-size:18px}.card button:hover{letter-spacing:2px;opacity:.8}.card::before{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:var(--before);z-index:-1}.card::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--reddish);z-index:-2;clip-path:circle(20% at 90% 10%);transition:.2s}.card .number{position:absolute;top:20px;right:25px;font-size:50px;font-weight:bolder;color:var(--white)}.content{text-align:justify;pointer-events:none}.card:nth-child(2)::after{background:var(--lb)}.card:nth-child(3)::after{background:var(--shade)}.card:nth-child(4)::after{background:var(--brown)}.card:nth-child(5)::after{background:var(--skyblue)}.card:nth-child(6)::after{background:var(--pink)}.card:nth-child(7)::after{background:var(--yelgreen)}.card:nth-child(8)::after{background:var(--darkblue)}.card:nth-child(9)::after{background:var(--cyan)}.card:nth-child(10)::after{background:var(--tomato)}.card:nth-child(11)::after{background:var(--med)}.card:hover::after{clip-path:circle(100%)}.card:hover h3{color:var(--white)}.card:hover p{color:var(--white)}.card:hover button{color:var(--dark);background:var(--white)}.card:hover::before{background:rgba(0,0,0,.1)}@media (max-width:600px){section ul li{padding:8px 16px;font-size:23px}}@media (max-width:500px){.card h3{font-size:23px;padding:15px}.card{width:250px}.card button{margin-top:20px}section ul li{padding:8px 16px;font-size:17px}}@media (max-width:450px){section ul li{padding:8px 16px;font-size:16px;flex-direction:column}}@media (max-width:400px){section ul li{padding:4px 8px;font-size:15px}}@media (max-width:350px){.card h3{font-size:25px;padding:15px}section ul li{padding:4px 8px;font-size:13px}}*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}:root{--main-bg-color:#02042b;--white:#ffff;--yellow:#f0a505;--pink:#f1388b;--light:#03aaef;--box1:rgba(255,255,255,0.1)}.container2{font-family:montserrat,sans-serif;display:flex;justify-content:space-around;padding:50px;padding-top:90px}.wht{width:50%}.wht h1{margin-bottom:10px;font-weight:bolder;font-size:40px}.wht p{text-align:justify;line-height:25px;margin-bottom:10px}.wht h3{color:var(--pink);margin-bottom:25px;font-weight:600}.ct-btn{display:flex;margin-top:30px;flex-direction:row}.ctf2-btn{position:relative;background:linear-gradient(35deg,#3e1277 70%,#380e70 30%);color:var(--white);font-size:.9rem;text-transform:uppercase;padding:13px 25px;margin:10px;border:0;overflow:hidden;cursor:pointer;transition:.2s ease-in;z-index:1}.ctf2-btn::after{background:var(--button);content:"";position:absolute;z-index:-1;height:100%;right:-50%;top:0;transform:skew(58deg);transition-duration:.5s;transform-origin:bottom right;width:0}.ctf2-btn:hover:after{height:100%;width:200%}.ctf2-btn:hover{border-radius:7px}.ctf-btn{position:relative;background:linear-gradient(35deg,#c64756 70%,#ff2442 30%);color:var(--white);font-size:.9rem;text-transform:uppercase;padding:13px 25px;margin:10px;border:0;overflow:hidden;cursor:pointer;transition:.2s ease-in;z-index:1}.ctf-btn::after{content:"";position:absolute;z-index:-1;height:100%;right:-50%;top:0;transform:skew(58deg);transition-duration:.5s;transform-origin:bottom right;width:0}.ctf-btn:hover:after{height:100%;width:200%}.ctf-btn:hover{border-radius:7px}.video{width:40%;height:370px;display:flex;justify-content:center}@media (max-width:1000px){.container2{flex-direction:column}.video{margin-top:50px;width:75%}.wht{width:100%}}@media (max-width:700px){.video{width:100%}.container2{padding:20px}}@media (max-width:450px){.ctf-btn,.ctf2-btn{font-size:10px;padding:9px;margin-left:9px}.wht h1{margin-bottom:20px;font-weight:bolder;font-size:29px}}@media (max-width:335px){.ctf-btn,.ctf2-btn{font-size:8px}}@media (max-width:315px){.ctf-btn,.ctf2-btn{padding:7px;margin-left:5px}}.scroll-btn{font-size:2rem;cursor:pointer;position:fixed;bottom:20px;right:30px;display:none;background-color:#fff;box-shadow:0 0 20px rgb(0 0 0 / 30%);height:50px;width:50px;border-radius:50%;padding-left:10px;color:#02042b;overflow-x:unset}.scroll-btn:hover{background-color:#02042b;color:#fff}#fas{margin-top:6px}:root{--back:#2A0944;--maincolor:black;--color:#AAA492;--button:#FF2442;--bar:#2C2891;--altercolor:white;--navbackground:#082032;--backgroundcolor:#CC9B6D;--altercolor2:rgb(255, 126, 103,0.8);--white:#ffff}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}li{list-style:none}a{text-decoration:none}.navbar{width:100%;position:fixed;z-index:9999;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.bgcolor.scrolled{background:var(--navbackground)}.nav-logo img{width:auto;height:50px}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#cfcf6d}.nav-menu{display:flex;justify-content:space-between;align-items:center;font-family:Oswald,sans-serif}.nav-item{font-family:Oswald,sans-serif;padding:20px 10px;font-size:1.3rem;text-transform:uppercase}.nav-link{color:var(--color)}.nav-link:hover{color:var(--backgroundcolor)}.btn{position:relative;background:linear-gradient(35deg,#3e1277 70%,#380e70 30%);color:var(--white);font-size:.9rem;text-transform:uppercase;padding:13px 25px;margin:10px;border:0;overflow:hidden;cursor:pointer;transition:.2s ease-in;z-index:1}.btn::after{background:var(--button);content:"";position:absolute;z-index:-1;height:100%;right:-50%;top:0;transform:skew(58deg);transition-duration:.5s;transform-origin:bottom right;width:0}.btn:hover:after{height:100%;width:200%}.btn:hover{border-radius:7px}@media(max-width:1200px){.nav-logo img{width:auto;height:33px}}@media only screen and (max-width:990px){.navbar{position:fixed;top:-1px;z-index:9999;background:var(--navbackground);display:flex;justify-content:space-between;padding:.5rem 1rem}.navbar.active{height:100px}.nav-logo img{width:auto;height:33px}.nav-menu{background:var(--navbackground);display:block;height:100vh;position:fixed;z-index:99;left:-100%;top:5rem;flex-direction:column;width:100%;border-radius:10px;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05)}.nav-menu.active{left:0}.nav-item{margin:0 0;font-size:1rem}.hamburger{display:block;cursor:pointer}.hamburger,.hamburger>span{transition:all .3s ease-in-out}.hamburger.active{transition-delay:.5;transform:rotate(46deg)}.hamburger.active>span:nth-child(2){width:0}.hamburger.active>span:nth-child(1),.hamburger.active>span:nth-child(3){transition-delay:.2s}.hamburger.active>span:nth-child(1){transform:translateY(9px)}.hamburger.active>span:nth-child(3){transform:translateY(-7px) rotate(90deg)}}@media (max-width:370px){.nav-item{font-size:.75rem}}.page-preloader{top:0;left:0;z-index:99999;position:fixed;height:100%;width:100%;text-align:center;background:#fff}.dev{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin:-10px auto 0;position:relative}.dev,.preloader-logo,.preloader-preview-area{top:60%}.preloader-preview-area{-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);margin-top:10px;width:100%;text-align:center;position:absolute}.preloader-logo{max-width:90%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin:-10px auto 0;position:relative}.ball-pulse>div,.ball-scale>div,.line-scale>div{margin:2px;display:inline-block;background:#723ab1}.ball-pulse>div{width:15px;height:15px;border-radius:100%;-webkit-animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(1){-webkit-animation-delay:-.36s;animation-delay:-.36s}.ball-pulse>div:nth-child(2){-webkit-animation-delay:-.24s;animation-delay:-.24s}.ball-pulse>div:nth-child(3){-webkit-animation-delay:-.12s;animation-delay:-.12s}@-webkit-keyframes ball-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}@keyframes ball-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);display:inline-block}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{height:36px;width:36px;top:7px;left:-7px;-webkit-animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:50px;height:50px;left:-16px;top:-2px;background:0 0;border:2px solid;-webkit-animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@-webkit-keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin{display:inline-block}.square-spin>div{width:50px;height:50px;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px);display:inline-block}.cube-transition>div{width:15px;height:15px;position:absolute;top:-5px;left:-5px;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.ball-scale>div{border-radius:100%;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.line-scale>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;width:5px;height:50px;border-radius:2px}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);display:inline-block}.ball-scale-multiple>div{border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:50px;height:50px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}.ball-scale-multiple>div:nth-child(2),.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-pulse-sync{display:inline-block}.ball-pulse-sync>div{width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.transparent-circle{display:inline-block;border-top:.5em solid rgba(255,255,255,.2);border-right:.5em solid rgba(255,255,255,.2);border-bottom:.5em solid rgba(255,255,255,.2);border-left:.5em solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:transparent-circle 1.1s infinite linear;animation:transparent-circle 1.1s infinite linear;width:50px;height:50px;border-radius:50%}.transparent-circle:after{border-radius:50%;width:10em;height:10em}@-webkit-keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px;display:inline-block}.ball-spin-fade-loader>div{width:15px;height:15px;border-radius:100%;margin:2px;position:absolute;-webkit-animation:ball-spin-fade-loader 1s infinite linear;animation:ball-spin-fade-loader 1s infinite linear}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;animation-delay:-.84s;-webkit-animation-delay:-.84s}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;animation-delay:-.72s;-webkit-animation-delay:-.72s}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;animation-delay:-.6s;-webkit-animation-delay:-.6s}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;animation-delay:-.48s;-webkit-animation-delay:-.48s}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;animation-delay:-.36s;-webkit-animation-delay:-.36s}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;animation-delay:-.24s;-webkit-animation-delay:-.24s}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;animation-delay:-.12s;-webkit-animation-delay:-.12s}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;animation-delay:0s;-webkit-animation-delay:0s}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.wrap{background:#082032;padding-bottom:50px}.wrapper{height:100%;background:#082032;display:flex;justify-content:center;font-family:Montserrat,sans-serif}.title{padding:70px 20px;background:#082032;text-align:center;font-size:24px;font-weight:700;color:#fff}.wrapper .tabs_wrap{padding:20px;flex-basis:20%}.wrapper .tabs_wrap ul{display:flex;flex-direction:column;align-items:flex-end;border-radius:10px;box-shadow:10px 10px 10px #082032,-2px 0 5px #131313;flex-wrap:wrap}.wrapper .tabs_wrap ul li{color:#a5cc6c;text-align:center;padding:13px 15px;padding-right:20px;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.date{font-family:Oswald,sans-serif;font-weight:400;color:#9c9a9a;font-size:13px}.wrapper .tabs_wrap ul li.active,.wrapper .tabs_wrap ul li:hover{color:#eaf0e0}.cont{flex-basis:60%}.wrapper .cont .item_wrap{flex-basis:40%;padding:20px 20px;background:#c1c2c2;margin-bottom:20px;border-radius:10px}.wrapper .cont .item{position:relative;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_wrap .item .item_left{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;flex-basis:100%}.para{background:#e9e8e8;margin:10px;margin-top:15px;padding:25px;color:#3a3737;font-size:15px;font-weight:500;font-family:'Andada Pro',serif;box-shadow:2px 2px 10px gray}.location{text-align:left;font-weight:700;font-family:Oswald,sans-serif;color:#206e67}.locat{font-weight:700;font-family:Oswald,sans-serif}.item_wrap .item_left img{width:70px;height:70px;display:block}.item_wrap .item_left .data .name{font-weight:600;font-size:22px;padding-bottom:5px}.item_wrap .item_left .data .distance{font-size:15px;font-weight:600;margin-top:3px;color:#000}.distance span{color:#a39b53}.item_right{overflow-x:unset}.item_wrap .item_right .status{position:relative;color:#3d3d3d;text-shadow:2px 2px 20px gray;overflow-x:unset}.item_wrap .item_right .status:before{content:"";position:absolute;top:5px;left:-12px;width:8px;height:8px;border-radius:50%;background:#919396;overflow-x:unset}.item_wrap.offline .item_right .status{color:#454647;overflow-x:unset}.item_wrap.online .item_right .status:before{background:#4ee41c;overflow-x:unset}@media(max-width:890px){.cont{flex-basis:70%;margin-top:20px}.tabs_wrap{flex-basis:30%}.wrapper .tabs_wrap ul li{padding-right:0}}@media(max-width:760px){.wrapper{display:flex;flex-direction:column}.cont{margin:30px}.wrapper .tabs_wrap ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.wrapper .tabs_wrap ul li{padding-right:10px}.para{margin:0}}@media(max-width:730px){.wrapper .tabs_wrap ul li{width:50%;border-left:1px solid gray}.wrapper .tabs_wrap ul li:nth-child(1),.wrapper .tabs_wrap ul li:nth-child(3),.wrapper .tabs_wrap ul li:nth-child(5){border-left:0}.wrapper .tabs_wrap ul{box-shadow:1px 1px 10px #131313,-1px -1px 10px #131313}}@media(max-width:600px){.title{font-size:19px}.wrapper{font-size:14px}.location,.para,.status{font-size:14px;line-height:18px}.item_wrap .item_left .data .name{font-weight:600;font-size:19px}.item_wrap .item_left .data .distance{font-weight:600;font-size:15px}}@media(max-width:450px){.wrapper .cont .item_wrap{padding:15px 10px}.para{padding:18px}.item_wrap .item_left .data .name{font-weight:600;font-size:21px}}