@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");body{font-family:Poppins,sans-serif;font-style:normal;overflow-x:hidden}@media only screen and (max-width:330px){body{width:330px}}*{box-sizing:border-box}*,ul{margin:0;padding:0}ul{list-style:none}a{text-decoration:none}h1,h3{font-family:Poppins,sans-serif;font-weight:700;color:#38424d}h3{font-size:28px}p{font-size:16px;font-weight:400;line-height:24px;color:#747e74;margin:0}li{list-style:none}.main-btn{display:inline-block;padding:0 25px;font-size:16px;font-weight:500;text-align:center;line-height:55px;border:2px solid #0898ef;border-radius:5px;background-color:#0898ef;color:#fff}.main-btn:hover{background-color:rgba(8,152,231,.7);color:#fff;border-color:transparent}@keyframes bounceTop-1{0%,to{transform:translateY(-30px)}50%{transform:translateY(0)}}.post-filter{display:flex;justify-content:center;align-items:center;column-gap:1.5rem;margin-top:4rem!important}.post-filter.container{margin-bottom:2.5rem;margin-top:180px!important}.filter-item{font-size:.9rem;font-weight:500;cursor:pointer;display:block;color:#111}@media only screen and (max-width:768px){.filter-item{font-size:.8rem}.post-filter.container{margin-top:140px!important}}@media screen and (max-width:330px){.filter-item{width:calc(50% - 10px);margin:5px;text-align:center}.post-filter{display:flex;flex-wrap:wrap;justify-content:center}.post-filter.container{margin-top:100px!important}}.active-filter{background:#5680e9;color:#fff;padding:4px 10px;border-radius:4px}.post{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,auto));justify-content:center;gap:1.5rem}.post-box{background:var(--bg-color);box-shadow:0 4px 14px rgba(48,29,30,.1);padding:15px;border-radius:.5rem}.post .post-box{display:none}.post .post-box:first-child,.post .post-box:nth-child(2),.post .post-box:nth-child(3),.post .post-box:nth-child(4),.post .post-box:nth-child(5),.post .post-box:nth-child(6){display:inline-block}@media screen and (min-width:331px) and (max-width:520px){.post-filter{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.filter-item{width:calc(50% - 10px);margin:5px;flex:1 0 40%}.post-filter.container{margin-top:120px!important}}.post-img,.post-link{width:100%;object-fit:cover;object-position:center;border-radius:.5rem;max-width:none}.category{font-size:.9rem;font-weight:500;text-transform:uppercase;color:#5680e9;padding-top:14px}.post-title{font-size:1.3rem;font-weight:600;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-date{display:flex;font-size:.875rem;text-transform:uppercase;font-weight:400;margin-top:4px}.post-description{font-size:.9rem;line-height:1.5rem;margin:5px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile{display:flex;align-items:center;gap:10px}.profile-img{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #5680e9}.loadmore-container{max-width:1200px;margin:0 auto;text-align:center}.load-more{margin-top:50px;display:inline-block;padding:13px 30px;border:1px solid #0898ef;color:#fff;font-size:16px;background-color:#0898ef;cursor:pointer}.load-more:hover{background-color:rgba(8,152,231,.7);border-color:transparent;color:#fff}.contact-us{max-width:800px;margin:50px auto;position:relative;box-shadow:0 10px 30px 0 rgba(0,0,0,.3);padding:30px}@media (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.contact-us{box-shadow:none}}.contact-us .title{text-transform:uppercase;text-align:center;letter-spacing:3px;font-size:3em;line-height:48px;padding-bottom:20px;color:#5680e9;background:linear-gradient(90deg,#8860d0 0,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (min-width:351px) and (max-width:991px){.contact-us .title{font-size:2.5em}}@media only screen and (max-width:350px){.contact-us .title{font-size:2em}}.contact-form .form-field{position:relative;margin:32px 0}.contact-form .input-text{display:block;width:100%;height:36px;border-width:0 0 2px;border-color:#5680e9;font-size:18px;line-height:26px;font-weight:400}.contact-form .input-text.not-empty+.label,.contact-form .input-text:focus+.label,.contact-form textarea .input-text.not-empty+.label,.contact-form textarea .input-text:focus+.label{transform:translateY(-24px)}.contact-form .input-text::placeholder{color:transparent}.contact-form .input-text:focus{outline:none}.contact-form .label{position:absolute;bottom:11px;font-size:18px;line-height:26px;font-weight:400;color:#5680e9;cursor:text;text-transform:capitalize;transition:transform .2s ease-in-out}.contact-form .submit-btn{background:linear-gradient(125deg,#8860d0,#000);font-weight:450;width:200px;border:none;outline:none;color:#fff;height:40px;border-radius:30px;margin-top:20px;box-shadow:0 5px 15px 0 rgba(28,0,181,.3);cursor:pointer;letter-spacing:2px;text-transform:uppercase}.contact-form .submit-btn:hover{cursor:pointer}.submitting{background:linear-gradient(125deg,#a280e2,#636060);color:#fff;opacity:.7;cursor:wait!important}.contact-form .input-text:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.contact-form #msg{color:#22a122}.input-data.textarea{width:100%;height:40px;margin-right:20px;position:relative;margin-top:10px}.form-field.col-lg-12 .textarea{height:70px}.form-field.col-lg-12{margin-top:0}.input-data.textarea input,.textarea textarea{display:block;width:100%;height:100%;font-size:17px;border:none;border-bottom:2px solid #5680e9}.input-data.textarea input:focus,.textarea textarea:focus{outline:none}.input-data.textarea input{border:transparent}.input-data.textarea input:focus~label,.input-data.textarea input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{transform:translateY(-48px);font-size:18px;color:#5680e9}.input-data.textarea textarea{resize:none;padding-top:10px;border-top:none;font-size:18px;max-height:300px;box-sizing:border-box}.input-data.textarea label{position:absolute;pointer-events:none;bottom:18px;font-size:18px;font-weight:400;transition:all .3s ease;margin-bottom:14px;color:#5680e9;width:100%}.input-data.textarea .underline{position:absolute;bottom:0;height:2px;width:100%}.input-data.textarea input:focus~.underline:before,.input-data.textarea input:valid~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1)}