@font-face{font-family:raleway;font-style:normal;font-weight:400;src:url(/assets/fonts/Raleway-Regular.woff) format(woff),url(/assets/fonts/Raleway-Bold.woff2) format(woff2)}@font-face{font-family:raleway;font-style:thin;font-weight:200;src:url(/assets/fonts/Raleway-Light.woff) format(woff),url(/assets/fonts/Raleway-Light.woff2) format(woff2)}@font-face{font-family:raleway;font-style:bold;font-weight:800;src:url(/assets/fonts/Raleway-Bold.woff) format(woff),url(/assets/fonts/Raleway-Bold.woff2) format(woff2)}@font-face{font-family:mdn;font-style:bold;font-weight:800;src:url(/assets/fonts/MDN.woff) format(woff),url(/assets/fonts/MDN.woff2) format(woff2)}@use './colors' as *;.page-container{padding:1rem}@media (min-width:48rem){.page-container{padding:2rem}}.header{font-size:.85rem;color:#545454;position:relative;background-image:url(../images/about/aboutus_banner1.webp);background-size:50rem;background-attachment:local;background-repeat:no-repeat;background-position:top;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:18rem auto}@media (min-width:48rem){.header{background-position:45% -3rem;background-size:100%;background-position:0 0;font-size:1rem;grid-template-columns:repeat(6,16%)}}@media (min-width:80rem){.header{background-position:45% -6rem}}.header__title{font-weight:800;font-size:1.5rem}@media (min-width:48rem){.header__title{font-size:2rem}}.header__content{width:75%;padding-right:135px}@media (min-width:48rem){.header__content{width:65%;padding:0}}@media (max-width:47rem){.header__content{padding:.2rem}}.header__top{color:#fff;width:100%;grid-column:span 3;display:flex}@media (min-width:48rem){.header__top{align-self:center;justify-self:center;grid-column:span 4}}@media (max-width:47rem){.header__top{width:15.5rem}}@media (min-width:80rem){.header__top{grid-column-start:1;grid-column-end:5;align-self:flex-end}}.header__top-text{margin:2rem 0 0 1rem;font-size:.85rem}@media (min-width:48rem){.header__top-text{margin:2rem 0 1rem 4rem;font-size:1rem}}@media (min-width:80rem){.header__top-text{font-size:1.2rem}}.header__bottom{background-color:transparent;grid-column:span 4;padding:.5rem 1.5rem;display:grid}@media (min-width:48rem){.header__bottom{grid-column-start:2;grid-column-end:6;grid-template-rows:2rem auto 1fr}}@media (min-width:80rem){.header__bottom{grid-template-rows:14rem auto 14rem;grid-column-start:2;grid-column-end:6}}@media (min-width:1600px){.header__bottom{grid-template-rows:16rem auto 14rem}}.header__bottom-text{text-align:center;padding:1rem;margin:3rem 0}@media (min-width:48rem){.header__bottom-text{padding:unset;grid-row:3;place-self:center;align-self:flex-end}}@media (max-width:47rem){.header__bottom-text{text-align:start;margin:0}}@media (min-width:80rem){.header__bottom-text{font-size:1.2rem;width:65%}}.aboutus{background-color:#f7f7f7;background-image:url(../images/about/aboutus_6.webp),url(../images/about/aboutus_7.webp);background-repeat:no-repeat no-repeat;background-size:40%;background-position:top left,bottom right;display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutus__card-container{display:flex;flex-direction:column;align-items:center}@media (min-width:48rem){.aboutus__card-container{margin-bottom:2rem}}@media (min-width:80rem){.aboutus__card-container{margin-bottom:4rem}}.aboutus__card{border-radius:40px;background-color:#fff;box-shadow:0px 13px 22px -2px rgba(0,0,0,.33);padding:1rem 1rem 0 1rem;font-size:.75rem;color:#545454;display:flex;align-items:center;justify-content:center;margin:1rem .5rem}@media (min-width:48rem){.aboutus__card{margin:2rem;max-width:80%;font-size:1rem;height:15rem}}@media (min-width:80rem){.aboutus__card{height:20rem;font-size:1.2rem}}.aboutus__title{color:#3868b2;font-weight:800;font-size:1.75rem}.aboutus__text{padding-left:1rem;font-size:1rem}@media (min-width:48rem){.aboutus__text{max-width:70%}}.aboutus__img{height:5rem;object-fit:cover}@media (min-width:48rem){.aboutus__img{height:14rem}}@media (min-width:80rem){.aboutus__img{height:19rem}}@media (min-width:48rem){.aboutus__img-overflow{height:16rem;margin-top:5rem;margin-right:-4rem}}@media (min-width:80rem){.aboutus__img-overflow{height:20rem;margin-top:10rem}}