.header{background-color:#000;position:fixed;top:0;left:0;right:0;z-index:1000}.logo{width:150px}.header-container{width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1em 0}.primary-nav{position:absolute;top:100%;right:0;left:0;background-color:#000;height:0vh;border-block:2px solid rgb(240,152,20);transition:height .2s ease-in-out;overflow-y:hidden}@media screen and (min-width: 750px){.primary-nav{position:static;height:auto;border:none}}.nav-link{color:#bababa;font-family:var(--ff-body);font-weight:var(--fw-med);padding:.25em}.nav-menu{margin-top:3em;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em 0;gap:3em;visibility:collapse;transition:visibility 50ms ease}@media screen and (min-width: 750px){.nav-menu{flex-direction:row;gap:2em;margin-top:0;padding:1em 0;visibility:visible}}.nav-logo-box{visibility:collapse;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 750px){.nav-logo-box{display:none}}.nav-logo{max-width:300px!important}.active.nav-link{color:#fff;box-shadow:0 3px #d79e25;transition:color .1s ease-in-out,box-shadow .2s ease-in-out}.menuActive .primary-nav{height:100vh;transition:height .25s ease-in-out}.menuActive .nav-menu{visibility:visible;transition:visibility 35ms ease .24s}.menuActive .nav-logo-box{visibility:visible;transition:visibility 50ms ease-in-out .27s}.menubtn{background-color:transparent;border:none;cursor:pointer;display:flex;padding:.5em}.menubtn:focus,.menubtn:focus-visible,.menubtn:focus-within{outline:none;background-color:transparent}.line{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .35s ease-in-out,stroke-dashoffset .6s ease-in-out}.line1{stroke-dasharray:60 207;stroke-width:7}.line2{stroke-dasharray:60 60;stroke-width:7}.line3{stroke-dasharray:60 207;stroke-width:7}.menuopened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:7}.menuopened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:7}.menuopened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:7}@media (min-width: 750px){.menubtn{display:none}}.team-card{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:.5em}.team-card .profile-img{width:150px;flex-wrap:nowrap}.team-card .profile-img img{width:100%}.team-card .details .name{font-size:.775rem;font-weight:500;white-space:nowrap}.team-card .details .sm-text{font-size:.775rem;font-weight:var(--fw-semi-bold)}.about-container{min-height:100vh;padding-bottom:1em}.about-content{display:grid;gap:1em}@media screen and (min-width: 1100px){.about-content .col-flex{display:flex;justify-content:space-between;align-items:center}}.about-content p{margin-top:1em}.about-content .about-txt{font-weight:600}.about-content .about-bullets{background-color:var(--clr-accent);background-color:var(--clr-primary);padding:2em 1em;border-radius:5px;overflow:hidden}.about-content .about-bullets .sub-header{font-size:2rem;color:var(--clr-accent);padding:.25em 0;border-bottom:1px solid var(--clr-accent)}.about-content .about-list{margin-top:1em;display:grid}.about-content .about-list .bullet-header{color:var(--clr-accent);font-weight:var(--fw-semi-bold)}.about-content .about-list p{color:var(--clr-primary);color:var(--clr-accent);max-width:50ch}@media screen and (min-width: 900px){.about-content .about-list{grid-template-columns:1fr 1fr;gap:1em}}@media screen and (min-width: 750px){.about-content .sm{max-width:60ch;text-align:left;margin-top:1em}}.about-team .team-header,.about-team .team-header-2{font-size:2rem;padding:1em;box-shadow:0 3px;text-align:center;margin-top:1em}.about-team .team-grid{margin-top:1em;display:grid;grid-template-columns:250px;place-content:center;gap:2em}@media screen and (min-width: 800px){.about-team .team-grid{grid-template-columns:repeat(2,400px);justify-content:space-evenly}}.article-sec .subHeader{font-size:1.75rem;font-weight:600}@media screen and (min-width: 600px){.article-sec .subHeader{font-size:2rem}}@media screen and (min-width: 800px){.article-sec .subHeader{font-size:2.25rem}}@media screen and (min-width: 1100px){.article-sec .subHeader{font-size:2.5rem}}.article-sec .blog-details{display:flex;align-items:flex-start;flex-direction:column;justify-content:center}@media screen and (min-width: 500px){.article-sec .blog-details{justify-content:flex-start;gap:3rem;flex-direction:row}}.article-sec .blog-details .sm-text{font-size:.875rem;white-space:nowrap}.article-sec .blog-details .sm-text .bold{font-weight:var(--fw-semi-bold);font-family:monospace}.article-sec .blog-content{padding:0 0 2em}.article-sec .blog-content .blog-body .blog-body-text{font-family:var(--ff-heading);font-weight:var(--fw-reg);line-height:1.5!important}.article-sec .blog-content .blog-body .ordered-list .list-items-blogs{max-width:40ch;font-family:var(--ff-body);list-style-type:decimal!important;list-style-position:inside!important;list-style-type:lower-roman!important;font-weight:500}@media screen and (min-width: 700px){.article-sec .blog-content .blog-body .ordered-list .list-items-blogs{max-width:70ch}}.article-sec .blog-content .blog-main-header,.article-sec .blog-content .blog-sub-header{font-family:var(--ff-heading)!important;line-height:1;font-weight:700}.article-sec .blog-content .blog-main-header{font-size:1.5rem;font-weight:600}.article-sec .blog-content .blog-sub-header{font-size:1.25rem;font-weight:500}@media screen and (min-width: 800px){.article-sec .blog-content .blog-main-header{font-size:1.75rem}.article-sec .blog-content .blog-sub-header{font-size:1.5rem}}.article-sec .article-post{width:99%;margin:0 auto}@media screen and (min-width: 1200px){.article-sec .article-post{width:80%}}.article-sec .article-post .blog-img-container{width:100%;height:auto;padding:1em 0;border-bottom:2px solid black}.article-sec .article-post .blog-img-container img{width:100%;max-width:100%}.other-aritcles-sec .sub-header{font-size:2rem}.other-aritcles-sec .blog-grid{display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width: 900px){.other-aritcles-sec .blog-grid{grid-template-columns:1fr 1fr}}.other-aritcles-sec .article-post{padding:1em;border-radius:5px;transition:box-shadow .25s ease-in-out}.other-aritcles-sec .article-post .blog-title{font-size:1.25rem}.other-aritcles-sec .article-post .blog-title:hover{color:#070798;cursor:pointer;text-decoration:underline}.other-aritcles-sec .article-post .blog-details{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (min-width: 900px){.other-aritcles-sec .article-post .blog-details{flex-direction:row}}.other-aritcles-sec .article-post .blog-details .sm-text{font-size:.875rem}.other-aritcles-sec .article-post .blog-details .sm-text .bold{font-weight:600}.other-aritcles-sec .article-post .blog-details .btn{background-color:var(--clr-primary);color:#fff}.other-aritcles-sec .article-post .blog-details .btn:hover{color:var(--clr-accent)}.blog-sec-content{padding:0 0 2em}.blog-sec-content .btn-container{width:100%;display:flex;justify-content:center;align-items:center}.blog-sec-content .btn-container .btn{background-color:#000;color:#fff}.error-message{height:90vh;display:flex;justify-content:center;align-items:center}.error-message .wrapper{box-shadow:0 2px 10px #00000080;max-width:90%;margin:0 auto;padding:4em;display:flex;justify-content:center;align-items:center;background-color:var(--clr-primary);border-radius:5px}.error-message .text{text-align:center;color:var(--clr-accent);font-weight:700;font-family:var(--ff-heading)!important;font-size:1rem}.error-message .text .underline{text-align:center;color:var(--clr-accent);font-size:.875rem;font-weight:500;text-decoration:underline}.error-message .text .underline:hover{color:#ecb959}.blog-post{padding:1em;border-radius:5px;box-shadow:0 0 1px #00000080;transition:box-shadow .25s ease-in-out;display:flex;flex-direction:column;justify-content:space-between}.blog-post:hover{box-shadow:0 0 3px #00000080}.blog-post .blog-title{font-size:1.5rem;font-weight:600;text-align:center}.blog-post .blog-title:hover{color:#070798;cursor:pointer;text-decoration:underline}.blog-post .img-wrapper{display:flex;justify-content:center;align-items:center}.blog-post .img-container{max-width:500px}.blog-post .img-container .main-img{width:100%;height:auto}.blog-post .blog-details{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (min-width: 1200px){.blog-post .blog-details{flex-direction:row;justify-content:center;gap:2em}}.blog-post .blog-details .sm-text{font-size:.875rem}.blog-post .blog-details .sm-text .bold{font-weight:600}.blog-post .blog-details .btn{background-color:var(--clr-primary);color:#fff}.blog-post .blog-details .read-more:hover{color:var(--clr-accent)}.blog-post .blog-main-header,.blog-post .blog-sub-header{font-family:var(--ff-heading)!important;line-height:1;font-weight:700}.blog-post .blog-main-header{font-size:1.5rem;font-weight:700}.blog-post .blog-sub-header{font-size:1.25rem;font-weight:600}.home-header{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;background-color:var(--clr-primary);box-shadow:10px 10px var(--clr-accent)}.home-header .header-text{font-weight:var(--fw-semi-bold);font-size:.875rem;color:var(--clr-accent)}.home-sec{min-height:100vh}.sec-1{display:flex;flex-direction:column;border-bottom:1px solid black;padding:1em 0}.sec-1 .btn-container{text-align:center}.sec-1 .btn{background-color:var(--clr-accent)}.sec-1 .home-text{font-weight:500;opacity:.5}@media screen and (min-width: 900px){.sec-1{flex-direction:row;justify-content:space-between;padding-top:5em}.sec-1 .home-header{height:400px;max-width:45%}.sec-1 .sec-content{max-width:40%}.sec-1 .btn-container{text-align:center}}.sec-2{border-bottom:2px solid black;padding:1em 0}.sec-2 .sub-header{font-size:2rem;text-align:center;padding:1em 0}.sec-2 .sec-img{display:grid;place-content:center;text-align:center;grid-template-columns:auto}.sec-2 .img-container{max-width:400px}.sec-2 .hero-img{width:100%}@media screen and (min-width: 900px){.sec-2 .sec-2-content{display:grid;grid-template-columns:1fr 1fr;gap:1em;justify-content:center;align-items:center}.sec-2 .sec-2-content .home-text{max-width:60ch}}.sec-3 .sub-header{font-size:2rem;text-align:center;padding:1em 0}.sec-3 .blog-grid{display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width: 1200px){.sec-3 .blog-grid{grid-template-columns:1fr 1fr}}.sec-3 .blog-sec-content .btn-contianer{width:100%;display:flex;justify-content:center;align-items:center}.sec-3 .blog-sec-content .btn-contianer .btn{background-color:#000;color:#fff}.home-container{min-height:100vh}@media screen and (min-width: 750px){.home-container .home-content p{max-width:50ch}}.home-header{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;box-shadow:10px 10px var(--clr-accent)}.home-header .main-heading{font-size:2rem;color:#fff}.home-header .header-text{font-weight:var(--fw-semi-bold);font-size:.875rem}.blog-container{padding:0 0 2em}.blog-container .sub-header{font-size:2rem}.blog-container .blog-grid{display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width: 1200px){.blog-container .blog-grid{grid-template-columns:1fr 1fr}}.container{width:90%;margin:8em auto 0}.btn{border:none;padding:.35em 1.25em;border-radius:5px;font-family:var(--ff-heading);font-size:.875rem;font-weight:var(--fw-med);color:#000;cursor:pointer;transition:box-shadow .15s ease-in-out,color .25s ease-in-out}.btn:hover{box-shadow:0 0 3px 1px #00000059;color:var(--clr-accent)}.btn[inverted=true]:hover{color:initial}.loader{position:absolute;height:100%;width:100%;height:100vh;max-height:100vh;top:0;right:0;bottom:0;left:0;z-index:20000;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:transparent}.spinner{will-change:transform,border-width;width:45px;height:45px;border:3px solid;background:linear-gradient(to right,transparent,transparent);border-color:var(--clr-primary) transparent hsl(38,100%,40%) transparent;border-radius:50%;animation:spin-anim .35s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--clr-primary: hsl(182, 75%, 17%);--clr-accent: rgb(239, 239, 239);--clr-accent: hsl(38, 90%, 54%);--ff-body: "Montserrat", sans-serif;--ff-heading: "Kanit", sans-serif;--fw-ex-light: 200;--fw-light: 300;--fw-reg: 400;--fw-med: 500;--fw-semi-bold: 600;--fw-bold: 700;--fw-ex-bold: 800;--fs-100: .625rem;--fs-200: .75rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.5rem;--fs-700: 2.75rem;--fs-800: 4rem;--fs-900: 4.5rem;--fs-ex-small: var(--fs-200);--fs-small: var(--fs-300);--fs-text: var(--fs-400);--fs-nav: var(--fs-500);--fs-sub-heading: var(--fs-600);--fs-main-heading: var(--fs-700);--flow-sp: 0;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}*::-webkit-scrollbar{width:5px;background-color:var(--clr-primary)}*::-webkit-scrollbar-thumb{background-color:var(--clr-accent);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#000;border-radius:10px;width:50px}ul,ol{list-style:none}a{text-decoration:none}html:focus-within{scroll-behavior:smooth}html,body{height:calc(100vh - 3.8em);scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;background-color:#f5fcfb}a:not([class]){text-decoration-skip-ink:auto}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading)!important;line-height:1}p{font-family:var(--ff-body)}img{width:100%}img,picture,svg{max-width:100%!important;display:block}iframe{border:none;border-radius:12px}:where(.flow :not(:first-child :only-child)){margin-top:var(--flow-sp)}.flow-sp-100{--flow-sp: var(--size-100)}.flow-sp-200{--flow-sp: var(--size-200)}.flow-sp-300{--flow-sp: var(--size-300)}.flow-sp-400{--flow-sp: var(--size-400)}.flow-sp-500{--flow-sp: var(--size-500)}.flow-sp-600{--flow-sp: var(--size-600)}.flow-sp-700{--flow-sp: var(--size-700)}.flow-sp-800{--flow-sp: var(--size-800)}.flow-sp-900{--flow-sp: var(--size-900)}.no-scroll{max-height:100vh;overflow:hidden}
