*{font-size:62.5%;padding:0;margin:0;box-sizing:border-box;font-family:"Nunito",sans-serif}.inactive{display:none}.opacate{opacity:.2}*{font-size:62.5%;padding:0;margin:0;box-sizing:border-box;font-family:"Nunito",sans-serif}.inactive{display:none}.opacate{opacity:.2}.header-main{width:100%;background-color:#286c8b;display:flex;justify-content:center;padding:14px 0}.header-main .container{display:flex;width:100%;justify-content:space-between;align-items:center}@media screen and (min-width: 1020px){.header-main .container{display:flex;max-width:990px;padding:0 15px}}.header-main .container picture{display:flex;width:100px;margin-left:14px}.header-main .container picture img{width:100%}.header-main .container nav{width:70%;display:none;justify-content:space-between;align-items:center;gap:3%}@media screen and (min-width: 1020px){.header-main .container nav{display:flex}}.header-main .container nav .menu{width:50%;display:flex;gap:5%;color:#fff}.header-main .container nav .menu a{font-size:1.5rem;text-decoration:none;cursor:pointer;color:#fff}.header-main .container nav .menu h3{font-size:1.5rem;cursor:pointer}.header-main .container nav .search{width:40%;max-width:400px}.header-main .container nav .search form{display:flex;align-items:center;justify-content:space-between;width:100%;outline:none;border:none;font-size:1.5rem;padding-left:12px;background-color:#013355;border-radius:24px;padding:4% 6%}.header-main .container nav .search form input{width:80%;outline:none;border:none;font-size:1.5rem;padding-left:6px;background-color:rgba(0,0,0,0);color:#fff;font-weight:300}.header-main .container nav .search form svg{cursor:pointer}.header-main .container nav .networks{display:flex}.header-main .container nav .networks li{display:flex;align-items:center;justify-content:center;width:45px;height:45px;list-style:none;background-color:#013355;border-radius:50%;padding:4px;cursor:pointer;margin-right:8px;transition:transform .3s}.header-main .container nav .networks li:hover{transform:scale(1.3)}.header-main .container .mobile{margin-right:14px}.header-main .container .mobile button{width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;display:flex;background-color:#013355;border:none}.header-main .container .mobile .X{display:none;background-color:red}@media screen and (min-width: 1020px){.header-main .container .mobile{display:none}}body .Mobile-menu{flex-direction:column;position:absolute;height:100vh;gap:30px;left:0;padding:14px;background-color:#013355;z-index:1}body .Mobile-menu form{display:flex;align-items:center;justify-content:space-between;width:100%;outline:none;border:none;font-size:1.5rem;padding-left:12px;background-color:#286c8b;border-radius:24px;padding:4% 6%}body .Mobile-menu form input{width:85%;outline:none;border:none;background-color:rgba(0,0,0,0);color:#fff;font-size:2rem}body .Mobile-menu button{background-color:#286c8b;border:none;font-size:2rem;border-radius:6px;color:#fff}body .Mobile-menu a{font-size:2rem;color:#fff}body .Mobile-menu .networks{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}body .Mobile-menu .networks li{background-color:#286c8b;border-radius:50%;padding:2px;list-style:none}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20%;width:100%;padding:20px 0;background-color:#286c8b}.footer .container{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}@media screen and (min-width: 767px){.footer .container{width:100%;max-width:765px;gap:0}}.footer .container .left{display:flex;flex-direction:column;align-items:center;gap:12px}.footer .container .left div{display:flex;width:100%;gap:4px}.footer .container .left div h6,.footer .container .left div h7,.footer .container .left div a{font-size:1.5rem;font-weight:bold;color:#fff;text-decoration:none;text-align:center}.footer .container .left div h7{font-weight:300}.footer .container .left span{display:flex;justify-content:center;gap:15px;width:90%;padding:4px 14px;border-radius:18px;background-color:#013355;text-align:center}.footer .container .left span a{font-size:1.5rem;color:#fff;font-weight:bold;text-decoration:none}.footer .container .rigth{display:flex;align-items:center;justify-content:center;gap:12px}.footer .container .rigth div{cursor:pointer;transition:transform .4s}.footer .container .rigth div svg{background-color:#013355;border-radius:50%}.footer .container .rigth div .twitt{padding:4px}.footer .container .rigth div:hover{transform:scale(1.3)}@media screen and (min-width: 767px){.footer .container{max-width:765px;flex-direction:row;justify-content:space-between;padding:0 12px;gap:0}.footer .container .lef div h6{width:95px}.footer .container .lef div h7{width:400px}}@media screen and (min-width: 1020px){.footer .container{max-width:990px}}@media screen and (min-width: 1200px){.footer .container{max-width:990px}}body{position:relative;width:100%;max-width:100vw;min-height:100%;height:auto;display:flex;flex-direction:column;align-items:center;background:#111}body a{text-decoration:none}body .main{width:100%;display:grid;background-color:rgba(0,0,0,0);grid-template-areas:"contain contain";column-gap:12px;row-gap:12px;margin-top:24px}@media screen and (min-width: 767px){body .main{max-width:765px;grid-template-columns:40% auto;grid-template-areas:"head   head" "side contain" "side contain"}}@media screen and (min-width: 1020px){body .main{max-width:990px;grid-template-columns:31% auto auto;grid-template-areas:"head   head     head" "side contain contain" "side contain contain"}}@media screen and (min-width: 1200px){body .main{max-width:1170px;grid-template-columns:27% auto auto}}body .main .head{grid-area:head;font-size:3rem;background-image:url("../assets/others/head-background.jpg");background-position:center;border-radius:8px 8px 0 0;border-bottom:6px solid #fff;display:none}@media screen and (min-width: 767px){body .main .head{display:flex}}body .main .head h3{font-size:3rem;color:#fff;background-color:rgba(0,0,0,.3882352941);border-radius:18px;padding:0px 8px}body .main .side{grid-area:side;background-color:rgba(0,0,0,0);border-radius:8px;display:none}@media screen and (min-width: 767px){body .main .side{display:flex;flex-direction:column}}body .main .side div{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #44b9f0}body .main .side div h4{font-size:3rem;font-weight:bold;color:#fff}body .main .side div img{width:30px;height:30px;transform:scale(0.7)}body .main .side ul{padding:8px}body .main .side ul li{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;list-style:none;cursor:pointer;padding:0 8px;border-radius:14px;transition:background .5s}body .main .side ul li h4{font-size:1.4rem;font-weight:200;color:#fff;transition:color .5s}body .main .side ul li h5{font-size:1.1rem;font-weight:bold;padding:0px 8px;background-color:#44b9f0;border-radius:18px;color:#5e5e5e}body .main .side ul li:hover{background-color:#5e5e5e}body .main .side ul li:hover h4{color:#44b9f0}body .main .contain{max-width:100%;grid-area:contain;display:flex;flex-direction:column;padding:14px}body .main .contain .first,body .main .contain .second{width:100%;display:flex;flex-direction:column;gap:10%;margin-bottom:24px}body .main .contain .first header,body .main .contain .second header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px;background-color:rgba(0,0,0,0)}body .main .contain .first header h4,body .main .contain .second header h4{font-size:3rem;font-weight:200;color:#fff}body .main .contain .first header button,body .main .contain .second header button{font-size:1.5rem;font-weight:bold;padding:6px 16px;border:none;border-radius:16px;background-color:#2b8399;cursor:pointer}body .main .contain .first .cards-container,body .main .contain .second .cards-container{width:100%;display:grid;justify-items:center;grid-template-columns:repeat(2, 1fr)}@media screen and (min-width: 1020px){body .main .contain .first .cards-container,body .main .contain .second .cards-container{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1200px){body .main .contain .first .cards-container,body .main .contain .second .cards-container{grid-template-columns:repeat(4, 1fr)}}body .main .contain .first .cards-container{grid-template-rows:150px;gap:10px}@media screen and (min-width: 767px){body .main .contain .first .cards-container article{width:215px}}body .main .contain .first .cards-container article{position:relative;width:100%;height:100%;min-height:150px;display:grid;grid-template-areas:"none icon" "txt  txt";grid-template-columns:auto 15%;grid-template-rows:auto 50%;justify-items:flex-start;background-color:rgba(255,255,255,.4784313725);border-radius:10px;cursor:pointer;z-index:1}body .main .contain .first .cards-container article picture{position:absolute;width:100%;height:150px;overflow:hidden;border-radius:8px;z-index:0}body .main .contain .first .cards-container article picture img{width:100%;height:100%;background-position:center;background-size:cover;transition:all .6s;object-fit:cover}body .main .contain .first .cards-container article div{grid-area:txt;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-left:2px;padding-bottom:2px;gap:4px;z-index:1}body .main .contain .first .cards-container article div div{width:100%;display:flex;flex-direction:row;justify-content:space-between}body .main .contain .first .cards-container article div div h4{font-size:1.3rem;font-weight:300;border-radius:14px;padding:0 8px;background-color:#e6571e;color:#fff}body .main .contain .first .cards-container article div h5{background-color:rgba(0,0,0,.5803921569);font-size:1.5rem;font-weight:400;color:#fff;padding:0px 8px;border-radius:14px;overflow:hidden}body .main .contain .first .cards-container article:hover picture img{transform:scale(1.5);background-position:center;opacity:.5}body .main .contain .second .cards-container{grid-template-rows:320px;gap:10px}body .main .contain .second .cards-container article{width:100%;height:100%;min-height:320px;display:grid;grid-template-areas:"img" "txt";grid-template-rows:auto 20%;border-radius:8px;cursor:pointer}body .main .contain .second .cards-container article picture{grid-area:img;position:relative;justify-self:center;align-self:center;width:95%;height:95%;overflow:hidden;border-radius:8px;background-color:#44b9f0}body .main .contain .second .cards-container article picture svg{position:absolute;display:none;bottom:50%;left:44%;transform:scale(2.3)}body .main .contain .second .cards-container article picture img{width:100%;height:100%;background-position:center;background-size:cover}body .main .contain .second .cards-container article picture h5{position:absolute;font-size:1.5rem;bottom:16px;left:16px;font-weight:300;border-radius:14px;padding:2px 8px;color:#fff;background-color:#e6571e}body .main .contain .second .cards-container article h4{display:flex;justify-content:center;align-items:center;grid-area:txt;font-size:2rem;color:#fff}body .main .contain .second .cards-container article:hover img{opacity:.5}body .main .contain .second .cards-container article:hover svg{display:flex}body .main .contain .second .cards-container article:hover h4{color:#44b9f0}/*# sourceMappingURL=main.css.map */