.testimonial{position:relative;width:100%;height:600px;background-color:#edf2f8;display:flex;margin-top:2rem;justify-content:center;align-items:center;overflow:hidden}.testimonial .testimonial__content-t1,.testimonial .testimonial__content-t2,.testimonial .testimonial__content-t3,.testimonial .testimonial__content-t4,.testimonial .testimonial__content-t5{position:absolute}.testimonial .testimonial__content-t1 img,.testimonial .testimonial__content-t2 img,.testimonial .testimonial__content-t3 img,.testimonial .testimonial__content-t4 img,.testimonial .testimonial__content-t5 img{max-width:100%}.testimonial .testimonial__content-t1{top:1.4rem;right:1.7rem;max-width:11rem}.testimonial .testimonial__content-t2{top:12.7rem;right:57%;max-width:4rem}.testimonial .testimonial__content-t3{top:14rem;left:1.7rem;max-width:11rem}.testimonial .testimonial__content-t4{bottom:3rem;right:1.7rem;max-width:11rem}.testimonial .testimonial__content-t5{bottom:1.4rem;left:10%;max-width:9rem}.testimonial .testimonial__content{background-color:var(--white);padding:4rem;border-radius:1rem;display:flex}.testimonial .testimonial__content .testimonial__content-right{z-index:99}.testimonial .testimonial__content .testimonial__content-right h2{max-width:27rem;font-size:1.2rem;line-height:1.5rem}@media screen and (max-width: 800px){.testimonial .testimonial__content-t3{display:none}}.mission{display:flex;flex-direction:column;width:100%;gap:1rem}.mission .mission__top{display:flex;position:relative;justify-content:flex-end;width:100%}.mission .mission__top .mission__top-statement{align-self:center;justify-self:center;position:absolute;left:26%;right:26%}.mission .mission__top .mission__top-statement p{font-size:3rem;font-weight:700;max-width:45rem}.mission .mission__top .mission__top-img{max-width:420px;max-height:437px;align-self:flex-end}.mission .mission__top .mission__top-img img{width:100%;height:100%}.mission .mission__bottom{display:flex;flex-direction:column;gap:.6rem}.mission .mission__bottom p{font-weight:400}@media screen and (max-width: 1080px){.mission__top-statement{align-self:center;justify-self:center;position:absolute;left:13%!important;right:13%!important}.mission__top-statement p{font-size:3rem;font-weight:700;max-width:50rem!important}}@media screen and (max-width: 880px){.mission__top-statement{align-self:center;justify-self:center;position:absolute;left:7%!important;right:7%!important}.mission__top-statement p{font-size:2.5rem!important;font-weight:700;max-width:50rem!important;color:#001}}@media screen and (max-width: 680px){.mission__top{display:flex;flex-direction:column;gap:1rem}.mission__top .mission__top-statement{display:flex!important;justify-self:center;position:relative!important}.mission__top .mission__top-statement p{font-size:2rem!important;font-weight:700;max-width:29rem!important;color:#001;margin-left:-2rem}.mission__top .mission__top-img{max-width:100%!important;max-height:100%!important}.mission__top .mission__top-img img{max-width:100%}.mission__bottom{margin-top:2rem}}.footer{margin:0 6.5%;display:flex;flex-direction:column;padding:5rem 0 0}.footer .footer__top{display:grid;grid-template-columns:4fr 1fr;border-bottom:#222 solid 1px;padding-bottom:2rem;gap:2rem}.footer .footer__top .footer__top-left{display:grid;grid-template-columns:1fr 4fr;gap:4rem}.footer .footer__top .footer__top-left .footer__top-left_chzmo{display:flex;width:20px;justify-content:flex-start}.footer .footer__top .footer__top-left .footer__top-left_chzmo p{color:#fff;font-size:4rem;font-weight:200;letter-spacing:5px;transform:rotate(-90deg)}.footer .footer__top .footer__top-left .footer__top-left_motive{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression{display:flex;justify-content:flex-start;max-width:35rem}.footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression p{width:100%;font-size:3.8rem;font-weight:600;color:#fff}.footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-amazing p{color:#b0ebe9;font-size:32px;line-height:48px;font-weight:500}.footer .footer__top .footer__top-nav{align-self:flex-start;padding-top:.5rem}.footer .footer__top .footer__top-nav h3{padding-top:1rem;padding-bottom:1rem;color:#fff;font-weight:300}.footer .footer__top .footer__top-nav nav>.footer__top-nav-list{display:flex;flex-direction:column;gap:1rem}.footer .footer__top .footer__top-nav nav>.footer__top-nav-list a{color:#8b8a8a}.footer .footer__top .footer__top-nav nav>.footer__top-nav-list a:hover{color:#fff}.footer .footer__bottom{display:flex;justify-content:space-between;align-items:baseline;padding:3rem 0 1rem}.footer .footer__bottom p{color:#4b4a4a;font-size:small}.footer .footer__bottom a{color:#4b4a4a}@media screen and (max-width: 1070px){body .footer .footer__top{display:grid;grid-template-columns:1fr}}@media screen and (max-width: 805px){body .footer .footer__top{gap:1rem}body .footer .footer__top .footer__top-left{gap:0rem}}@media screen and (max-width: 728px){body .footer .footer__top{gap:1rem}body .footer .footer__top .footer__top-left{gap:0rem}body .footer .footer__top .footer__top-left .footer__top-left_chzmo{display:flex;width:10px;justify-content:flex-start}body .footer .footer__top .footer__top-left .footer__top-left_chzmo p{color:#fff;font-size:3rem;font-weight:200;letter-spacing:5px;transform:rotate(-90deg)}body .footer .footer__top .footer__top-left .footer__top-left_motive{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression{display:flex;justify-content:flex-start;max-width:35rem}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression p{width:100%;font-size:3rem;font-weight:600;color:#fff}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-amazing p{color:#b0ebe9;font-size:26px;line-height:48px;font-weight:500}}@media screen and (max-width: 576px){body .footer .footer__top{gap:1rem}body .footer .footer__top .footer__top-left{gap:0rem;max-width:90%;margin:auto}body .footer .footer__top .footer__top-left .footer__top-left_chzmo{display:flex;width:5px;justify-content:flex-start}body .footer .footer__top .footer__top-left .footer__top-left_chzmo p{color:#fff;font-size:3rem;font-weight:200;letter-spacing:5px;transform:rotate(-90deg)}body .footer .footer__top .footer__top-left .footer__top-left_motive{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression{display:flex;justify-content:flex-start;max-width:35rem}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-impression p{width:100%;font-size:2rem;font-weight:600;color:#fff}body .footer .footer__top .footer__top-left .footer__top-left_motive .footer__top-left_motive-amazing p{color:#b0ebe9;font-size:26px;line-height:48px;font-weight:500}}.navbar{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;position:fixed;top:0!important;left:0;background-color:#ffffffe6;height:5.75rem;border-bottom:1px solid #D9D9D9;z-index:999}.navbar .navbar__logo{margin-left:6.5%}.navbar .navbar__logo a{font-size:x-large;letter-spacing:2px}.navbar .navbar__logo span{font-size:large;letter-spacing:2px}.navbar .navbar__links{display:flex;align-items:center;margin-right:6.5%;justify-content:space-between}.navbar .navbar__links .navbar__links-ul{display:flex;gap:1.5rem;align-items:center}.navbar .navbar__links .navbar__links-ul .navbar__links-ul_li-a{color:#222;align-items:center;position:relative}.navbar .navbar__links .navbar__links-ul .navbar__links-ul_li-a .avatar{display:flex;gap:.2rem;align-items:center;justify-content:center}.navbar .navbar__links .navbar__links-ul .navbar__links-ul_li-a .avatar img{max-width:1.6rem;width:100%;height:100%;border-radius:50%}.navbar .navbar__links .navbar__links-ul .navbar__links-ul_li-a .dropDown{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;top:2rem}.navbar .navbar__links .navbar__links-ul .navbar__links-ul_li-a .dropDown p{width:42rem}.navbar .navbar__links .button{height:1.6rem;width:1.3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;display:none}.navbar .navbar__links .button div{background-color:var(--grey);width:90%;height:2px}@media screen and (max-width: 1040px){.navbar__links .navbar__links-ul{display:none!important}.navbar__links .button{align-self:flex-end;display:flex!important}.mobile{position:absolute!important;display:flex!important;flex-direction:column;padding:1rem 6.5%;gap:2rem;top:5.7rem;left:0;background-color:#d1cfcfe6;width:100%}.mobile .navbar__links-ul_li-a{display:flex;align-items:center;gap:.5rem}.mobile .navbar__links-ul_li-a .avatar img{border-radius:50%;height:2rem}.mobile .navbar__links-ul_li-a .avatar .avatar__icon{display:none}}.about{padding-top:6rem;display:flex;gap:3rem;margin:0 3.5%}.about .about__left{max-width:405px;max-height:700px}.about .about__left img{max-width:100%;max-height:100%}.about .about__right{display:flex;flex-direction:column;gap:1rem;justify-content:baseline;align-items:flex-start;max-height:100%}.about .about__right h2{font-size:2rem;color:#313bac;position:relative}.about .about__right h2:before{content:"";position:absolute;width:6rem;height:3px;bottom:0;top:2.7rem;left:2px;background-color:#313bac}.about .about__right p{font-size:1.1rem;line-height:1.5;font-weight:300}.about .about__right a{background-color:#222;padding:1rem 2rem;width:10rem;color:#fff;display:flex;gap:1rem}@media screen and (max-width: 1040px){.about{justify-content:flex-start;margin-top:1rem}.about .about__left{display:none!important}.about .about__right p{max-width:100%}}.hero{margin:0 6.7% 3rem;padding:7rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;align-items:flex-start}.hero .hero__main{display:flex;flex-direction:row;justify-content:flex-start;width:100%;gap:4rem}.hero .hero__main .hero__main-left{max-width:100%;height:315px}.hero .hero__main .hero__main-left img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero .hero__main .hero__main-right{display:flex;flex-direction:column;padding:1rem 0;gap:1rem}.hero .hero__main .hero__main-right h1{font-size:4rem}.hero .hero__main .hero__main-right h3{font-weight:400}.hero .hero__main .hero__main-right p{max-width:22rem;font-size:1.2rem;line-height:1.5}.hero .hero__main .hero__main-right a{background-color:#222;padding:1rem 2rem;width:10rem;color:#fff;display:flex;gap:1rem}.hero .hero__sub{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:5rem;width:100%;gap:2rem}.hero .hero__sub .hero__sub-heading,.hero .hero__sub .hero__sub-heading p{width:100%}.hero .hero__sub .hero__sub-projects,.hero .hero__sub .hero__sub-years{display:flex;align-items:center;gap:1rem}.hero .hero__sub .hero__sub-projects p,.hero .hero__sub .hero__sub-years p{font-size:7rem;font-weight:200}.hero .hero__sub .hero__sub-projects h3,.hero .hero__sub .hero__sub-years h3{font-size:1rem;font-weight:400;max-width:5rem}.hero .hero__sub .hero__sub-projects{justify-content:flex-end}@media screen and (max-width: 1040px){.hero__sub{display:grid;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;margin-top:2rem!important;gap:0}.hero__sub .hero__sub-heading{grid-column:span 2;width:100%}.hero__sub .hero__sub-heading p{width:100%}.hero__sub .hero__sub-projects,.hero__sub .hero__sub-years{margin-top:-2rem!important;display:flex;align-items:center}.hero__sub .hero__sub-projects p,.hero__sub .hero__sub-years p{font-size:5rem!important;font-weight:200}.hero__sub .hero__sub-projects h3,.hero__sub .hero__sub-years h3{font-size:.8rem!important;font-weight:400;max-width:5rem}.hero__sub .hero__sub-projects{justify-content:flex-start!important}.hero{gap:0}.hero .hero__main{gap:2rem}.hero .hero__main .hero__main-right{gap:.7rem;margin-top:0}.hero .hero__main .hero__main-right h1{font-size:3rem}}@media screen and (max-width: 680px){.hero .hero__main{flex-direction:column;gap:1rem}.hero .hero__main .hero__main-left,.hero .hero__main .hero__main-left img{max-width:100%}.hero .hero__main .hero__main-right{gap:.7rem;margin-top:0}.hero .hero__main .hero__main-right h1{font-size:2rem}.hero .hero__main .hero__main-right p,.hero .hero__main .hero__main-right a{max-width:100%!important}.hero .hero__main .hero__main-right a{width:100%;display:flex;justify-content:center}.hero .hero__sub{display:flex!important;flex-direction:column}}#div-name{grid-area:name}#div-email{grid-area:email}#div-interest{grid-area:interest}#div-budget{grid-area:budget}#div-message{grid-area:message}#div-select{grid-area:select}#div-submit{grid-area:submit}.contact{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;width:100%;padding-bottom:3rem}.contact .contact__header{display:flex;align-items:center;justify-content:center;padding:3rem 0;width:100%}.contact .contact__header p{font-size:2.2rem;margin-top:6rem;width:80%;padding:0 5rem}.contact .contact__form{display:flex;width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column}.contact .contact__form form{margin:auto;width:80%;padding:1rem 3rem;display:grid;gap:1rem;grid-column:2fr;grid-template-areas:"name email" "interest budget" "message message" "select select" "submit submit"}.contact .contact__form form div{display:flex;flex-direction:column;width:100%}.contact .contact__form form div p{font-size:.8rem;font-weight:300;padding:.5rem 0}.contact .contact__form form div span{color:red;font-size:19px;padding-left:.3rem}.contact .contact__form form div input,.contact .contact__form form div select,.contact .contact__form form div button,.contact .contact__form form div textarea{padding:1rem;outline:none;border:solid 1px rgb(233,233,233)}.contact .contact__form form div input:focus,.contact .contact__form form div select:focus,.contact .contact__form form div button:focus,.contact .contact__form form div textarea:focus{border:solid #222 1px}.contact .contact__form form div button{background-color:#222;color:#fff;width:24rem;font-weight:300;margin:2rem 0}.accordion{margin:auto;width:80%;padding:6rem 3rem 2rem;display:flex;flex-direction:column;gap:2rem}.accordion .accordion__header h2{font-size:2rem;margin-bottom:1rem}.accordion .accordion__item{display:flex;flex-direction:column;font-size:1.2rem;color:#222}.accordion .accordion__item:hover{cursor:pointer}.accordion .accordion__item p{font-size:1rem;font-weight:300;padding:.5rem 0;color:#7a7474}.accordion .accordion__item p:hover{cursor:text}.accordion .accordion__item ul{font-size:1rem;font-weight:300;padding:.5rem 0;color:#7a7474;cursor:text;line-height:1.4rem}@media screen and (max-width: 1040px){.contact .contact__header{padding:1rem 0}.contact .contact__header p{width:95%}.contact .contact__form form{width:95%;padding:1rem 4rem}.accordion{width:95%;margin-left:2rem}}@media screen and (max-width: 800px){.contact .contact__header p{width:100%;padding:0 2rem}.contact .contact__form form{width:100%;padding:1rem 1.5rem;grid-column:1fr;grid-template-areas:"name" "email" "interest" "budget" "message" "select" "submit"}.contact .contact__form form div input,.contact .contact__form form div select,.contact .contact__form form div button,.contact .contact__form form div textarea{padding:1rem;outline:none;width:100%;border:solid 1px rgb(233,233,233)}.contact .contact__form form div input:focus,.contact .contact__form form div select:focus,.contact .contact__form form div button:focus,.contact .contact__form form div textarea:focus{border:solid #222 1px}.accordion{margin:auto;width:100%;margin-left:-1.2rem}}.header{margin:0 6.5% -3rem;padding:7rem 0 0}.header .header__heading{display:flex;justify-content:flex-start;align-items:center;height:11rem}.header .header__heading h2{font-size:7rem;font-weight:700}.header .header__intro{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:3rem;width:100%;gap:2rem}.header .header__intro .header__Intro-subheading{display:flex;justify-content:flex-start;align-items:center;max-width:23rem}.header .header__intro .header__Intro-subheading p{width:100%}.header .header__intro .header__Intro-projects,.header .header__intro .work__header-Intro_years{display:flex;align-items:center;gap:1rem}.header .header__intro .header__Intro-projects p,.header .header__intro .work__header-Intro_years p{font-size:7rem;font-weight:200}.header .header__intro .header__Intro-projects h3,.header .header__intro .work__header-Intro_years h3{font-size:1rem;font-weight:400;max-width:5rem}.header .header__intro .header__Intro-projects{justify-content:flex-end}.header .header__categories{display:flex;max-width:100%;gap:1rem;overflow-x:scroll;padding:1rem 0;margin:3rem 0 5rem}.header .header__categories button{padding:.7rem 1rem;background-color:#fff;border:1px solid #D9D9D9;border-radius:2rem;color:#7e7d7d;display:table-cell}.work{display:flex;flex-direction:column;justify-content:center;margin:3rem 3.5%;max-width:100%;max-height:100%}.work .heading,.work .paragraph{margin-left:3.5%;margin-bottom:2rem;font-size:1.1rem}.work .heading{font-size:2.7rem;height:100%}.work .work__portfolio{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:1rem;padding-top:2rem}.work .work__portfolio .work__portfolio-item{display:flex;flex-direction:column;max-width:580px;border:solid 1px #D9D9D9;gap:.5rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_img{padding:1rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_img img{border:solid 1px #D9D9D9;width:100%}.work .work__portfolio .work__portfolio-item .work__portfolio-item-heading{padding:1rem;display:flex;flex-direction:column;gap:1.3rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item-heading h3{font-size:1.4rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_links{display:flex;justify-content:space-between;padding:0 1rem 1rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_links a{font-size:12px;line-height:10px;padding:8px 15px;background:#dccafc;color:#4b0ae5;border-radius:.5rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details{display:flex;justify-content:space-between;padding:0 1rem 1rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a{border-right:#D9D9D9 solid 1px;padding-right:3rem;display:flex;flex-direction:column;gap:.6rem;padding-bottom:1rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div :first-child,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a :first-child{font-weight:700}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div p,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a p{font-size:.8rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a{border-right:none;padding-left:-2rem}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a p{font-size:.8rem}.work .work__cta{margin-top:3rem;align-self:center;background-color:#222;padding:1rem 2rem;width:12.5rem;color:#fff;display:flex;gap:1rem}@media screen and (max-width: 870px){.header{margin:7rem 6.5% -3rem}.header .header__heading{height:5rem}.header .header__heading h2{font-size:5rem;font-weight:700}.header .header__intro{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:1rem}.header .header__intro .header__Intro-subheading{grid-column:span 2}.header .header__intro .header__Intro-subheading p{width:100%}.header .header__intro .header__Intro-projects p,.header .header__intro .work__header-Intro_years p{font-size:4rem}.header .header__intro .header__Intro-projects h3,.header .header__intro .work__header-Intro_years h3{font-size:1rem}.header .header__intro .header__Intro-projects{justify-content:flex-start}.header .header__categories{display:flex;max-width:100%;gap:1rem;overflow-x:scroll;padding:1rem 0;margin:3rem 0}.header .header__categories button{padding:.7rem 1rem;background-color:#fff;border:1px solid #D9D9D9;border-radius:2rem;color:#7e7d7d;display:table-cell}.work .work__portfolio{display:grid;grid-template-columns:1fr;max-width:100%}.work .work__portfolio .work__portfolio-item{max-width:100%;max-height:100%}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a{padding-right:3rem}}@media screen and (max-width: 560px){.header{margin:0 6.5% -3rem}.header .header__heading{height:7rem}.header .header__heading h2{font-size:5rem;font-weight:700}.header .header__intro{display:flex;flex-direction:column;margin-top:1rem}.header .header__intro .header__Intro-subheading{margin-top:1rem}.header .header__intro .header__Intro-projects,.header .header__intro .work__header-Intro_years{margin-top:-1rem}.work .work__portfolio{display:flex;flex-direction:column;max-width:100%;margin:1rem}.work .work__portfolio .work__portfolio-item{max-width:100%}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details{display:flex;flex-direction:column}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a{border-right:none}.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div:first-child,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a:first-child{font-weight:300}.work .work__cta{margin:3rem 2rem;align-self:center;background-color:#222;padding:1rem 2rem;width:93%;color:#fff;display:flex;gap:1rem;justify-content:center}}.contact__wrapper{background-color:#f2f2f2f2}.footer__wrapper{background-color:#000}.work__portfolio{display:grid;grid-template-columns:1fr 1fr;margin:0 6.5%;gap:1rem;padding:4rem 0}.work__portfolio .work__portfolio-item{display:flex;flex-direction:column;max-width:580px;border:solid 1px #D9D9D9;gap:.5rem}.work__portfolio .work__portfolio-item .work__portfolio-item_img{padding:1rem}.work__portfolio .work__portfolio-item .work__portfolio-item_img img{border:solid 1px #D9D9D9;width:100%}.work__portfolio .work__portfolio-item .work__portfolio-item-heading{padding:1rem;display:flex;flex-direction:column;gap:1.3rem}.work__portfolio .work__portfolio-item .work__portfolio-item-heading h3{font-size:1.4rem}.work__portfolio .work__portfolio-item .work__portfolio-item_links{display:flex;justify-content:space-between;padding:0 1rem 1rem}.work__portfolio .work__portfolio-item .work__portfolio-item_links a{font-size:12px;line-height:10px;padding:8px 15px;background:#dccafc;color:#4b0ae5;border-radius:.5rem}.work__portfolio .work__portfolio-item .work__portfolio-item_details{display:flex;justify-content:space-between;padding:0 1rem 1rem}@media screen and (max-width: 1100px){.work .work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work .work__portfolio .work__portfolio-item .work__portfolio-item_details a{padding-right:2%}}@media screen and (max-width: 870px){.header{margin:7rem 6.5% -3rem}.header .header__heading{height:5rem}.header .header__heading h2{font-size:5rem;font-weight:700}.header .header__intro{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:1rem}.header .header__intro .header__Intro-subheading{grid-column:span 2}.header .header__intro .header__Intro-subheading p{width:100%}.header .header__intro .header__Intro-projects p,.header .header__intro .work__header-Intro_years p{font-size:4rem}.header .header__intro .header__Intro-projects h3,.header .header__intro .work__header-Intro_years h3{font-size:1rem}.header .header__intro .header__Intro-projects{justify-content:flex-start}.header .header__categories{display:flex;max-width:100%;gap:1rem;overflow-x:scroll;padding:1rem 0;margin:3rem 0}.header .header__categories button{padding:.7rem 1rem;background-color:#fff;border:1px solid #D9D9D9;border-radius:2rem;color:#7e7d7d;display:table-cell}.work__portfolio{display:grid;grid-template-columns:1fr;max-width:100%}.work__portfolio .work__portfolio-item{max-width:100%;max-height:100%}.work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work__portfolio .work__portfolio-item .work__portfolio-item_details a{padding-right:3rem}}@media screen and (max-width: 560px){.header{margin:0 6.5% -3rem}.header .header__heading{height:7rem}.header .header__heading h2{font-size:5rem;font-weight:700}.header .header__intro{display:flex;flex-direction:column;margin-top:1rem}.header .header__intro .header__Intro-subheading{margin-top:1rem}.header .header__intro .header__Intro-projects,.header .header__intro .work__header-Intro_years{margin-top:-1rem}.work__portfolio{display:flex;flex-direction:column;max-width:100%}.work__portfolio .work__portfolio-item{max-width:100%}.work__portfolio .work__portfolio-item .work__portfolio-item_details{display:flex;flex-direction:column}.work__portfolio .work__portfolio-item .work__portfolio-item_details div,.work__portfolio .work__portfolio-item .work__portfolio-item_details a{border-right:none}.work__portfolio .work__portfolio-item .work__portfolio-item_details div:first-child,.work__portfolio .work__portfolio-item .work__portfolio-item_details a:first-child{font-weight:300}}.singleWork{margin:0 6.5%;padding-top:7rem;display:flex;flex-direction:column}.singleWork .singleWork__header{max-width:100%;display:flex;flex-direction:column;gap:2rem;padding:1rem 0;margin:3rem 0}.singleWork .singleWork__header h2{font-size:2.5rem;max-width:45rem}.singleWork .singleWork__header .singleWork__header-related{display:flex;gap:.6rem;overflow-x:scroll}.singleWork .singleWork__header .singleWork__header-related button{padding:.7rem 1rem;background-color:#fff;border:1px solid #D9D9D9;border-radius:2rem;color:#7e7d7d;margin-bottom:.7rem}.singleWork .singleWork__details{display:flex;gap:2rem;justify-content:flex-start}.singleWork .singleWork__details .singleWork__details-time,.singleWork .singleWork__details .singleWork__details-charges{border-right:#D9D9D9 solid 1px;padding-right:3rem;display:flex;flex-direction:column;gap:.6rem;padding-bottom:1rem}.singleWork .singleWork__details .singleWork__details-time p,.singleWork .singleWork__details .singleWork__details-charges p{font-size:.8rem}.singleWork .singleWork__details .singleWork__details-feedback{display:flex;flex-direction:column;gap:.6rem;padding-bottom:1rem}.singleWork .singleWork__details .singleWork__details-feedback p{font-size:.8rem}.singleWork .singleWork__main{display:flex;flex-direction:column;margin-top:5rem}.singleWork .singleWork__main .singleWork__main-img,.singleWork .singleWork__main .preview{box-shadow:0 0 100px #bbb9b9;position:relative;max-width:100%;display:flex;justify-content:center}.singleWork .singleWork__main .singleWork__main-img div,.singleWork .singleWork__main .preview div,.singleWork .singleWork__main .singleWork__main-img div img,.singleWork .singleWork__main .preview div img{width:100%}.singleWork .singleWork__main .singleWork__main-img button,.singleWork .singleWork__main .preview button{background:#673ab7;color:#fff;outline:none;padding:.9rem 3rem;border:none;border-radius:2.5rem;position:absolute;bottom:4rem}.singleWork .singleWork__main .singleWork__main-img button:hover,.singleWork .singleWork__main .preview button:hover{cursor:pointer}.singleWork .singleWork__main .preview{max-height:100%;box-shadow:0 0 100px #bbb9b9;position:relative;width:100%;display:flex;justify-content:center}.singleWork .singleWork__main .singleWork__main-quote{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:3rem 0;background:hsl(234deg,47%,50%);height:20rem;width:100%;gap:1rem;padding:1rem}.singleWork .singleWork__main .singleWork__main-quote h2{font-weight:700;font-size:2.3rem;color:#fff;text-align:center}.singleWork .singleWork__main .singleWork__main-quote p{font-size:1.1rem;color:#fff;max-width:43rem;text-align:center}.singleWork .singleWork__main .singleWork__main-quote a{background-color:#f9896b;color:#fff;padding:1rem 2rem}.singleWork .singleWork__main .singleWork__main-quote:before{content:"";width:0;height:0;border-right:50px solid transparent;border-top:50px solid #fff;position:absolute;top:0;left:0}.singleWork .singleWork__main .singleWork__main-quote:after{content:"";width:0;height:0;border-left:50px solid transparent;border-bottom:50px solid #fff;position:absolute;bottom:0;right:0}.singleWork .singleWork__related{margin-top:1rem;margin-bottom:-4rem}.singleWork .singleWork__related h2{font-weight:700;font-size:1.4rem}@media screen and (max-width: 430px){.singleWork__details{display:flex;flex-direction:column;gap:1.6rem!important;margin-bottom:-3rem}.singleWork__details .singleWork__details-time,.singleWork__details .singleWork__details-charges{border-right:none!important}.singleWork__details .singleWork__details-time p,.singleWork__details .singleWork__details-charges p{font-size:.8rem}.singleWork__details .singleWork__details-feedback img{width:5rem}}.login{position:fixed;display:flex;justify-content:center;align-content:center;top:0;bottom:0;left:0;right:0;z-index:9999999999;background-color:#0000001a}.login .login__wrapper{padding:2rem .6rem 1rem;gap:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;background-color:#fff;border-radius:.7rem}.login .login__wrapper P{max-width:15rem;text-align:center;margin-top:.5rem}.singleBlog{display:flex;flex-direction:column;margin:0 6.5%;padding-top:7rem}.singleBlog .singleBlog__header{max-width:100%;display:flex;flex-direction:column;gap:2rem;padding:1rem 0;margin:3rem 0}.singleBlog .singleBlog__header h2{font-size:2.5rem;max-width:45rem}.singleBlog .singleBlog__header .singleBlog__header-related{display:flex;gap:.6rem;overflow-x:scroll;padding:1rem 0}.singleBlog .singleBlog__header .singleBlog__header-related button{padding:.7rem 1rem;background-color:var(--white);border:1px solid var(--grey);border-radius:2rem;color:var(--grey)}.singleBlog .singleBlog__main{display:flex;flex-direction:column;margin-top:3rem;margin-bottom:5rem}.singleBlog .singleBlog__main .singleBlog__main-img{box-shadow:0 0 100px var(--grey);max-width:100%;position:relative;display:flex;justify-content:center;transition:7s ease-in-out}.singleBlog .singleBlog__main .singleBlog__main-img img{width:100%}.singleBlog .singleBlog__main .singleBlog__blog{display:flex;flex-direction:column;max-width:100%}.singleBlog .singleBlog__main .singleBlog__blog .socials{display:flex;flex-direction:row;justify-content:space-between;padding:2rem .4rem;align-items:center;border-bottom:var(--light_grey) solid 1px;margin-bottom:2rem}.singleBlog .singleBlog__main .singleBlog__blog .socials .socials__date p{color:var(--grey)}.singleBlog .singleBlog__main .singleBlog__blog .socials .socials__links{display:flex;gap:.7rem;align-items:center}.singleBlog .singleBlog__main .singleBlog__blog .socials .socials__links a{display:flex;align-items:center;color:var(--grey)}.singleBlog .singleBlog__main .singleBlog__blog .socials .socials__links a .social-icon{font-size:25px}.singleBlog .singleBlog__main .singleBlog__blog .blog{display:grid;grid-template-columns:5fr 2fr;width:100%}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post{width:95%;display:flex;flex-direction:column;gap:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-profile{display:flex;gap:.8rem;align-items:center}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-profile img{border-radius:50%}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content{display:flex;flex-direction:column;gap:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content summary{font-size:1.1rem;letter-spacing:1px;line-height:1.6rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_technologies{display:flex;flex-direction:column;gap:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_technologies h2{font-size:1.4rem;margin-top:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_technologies .blog__post-content_technologies-items ul{display:flex;flex-wrap:wrap;gap:.5rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_technologies .blog__post-content_technologies-items ul li{background:var(--pale_blue);color:var(--blue);border-radius:2rem;padding:8px 15px;font-size:12px}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_overview{display:flex;flex-direction:column;gap:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_overview h2{font-size:1.4rem;margin-top:1rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_overview div{display:flex;flex-direction:column;gap:.6rem;margin-left:2rem}.singleBlog .singleBlog__main .singleBlog__blog .blog .blog__post .blog__post-content .blog__post-content_overview div p{font-weight:400}.singleBlog .singleBlog__main .singleBlog__blog .blog .related{max-width:100%;display:flex;gap:1rem;flex-direction:column}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post{display:flex;flex-direction:column;gap:1rem;max-width:100%}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-img{max-width:100%;height:12rem;overflow-y:hidden}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-img img{max-width:100%;border-radius:3px}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-socials{display:flex;justify-content:space-between}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-socials .related__post-socials_links{display:flex;align-items:center}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-socials .related__post-socials_links a{display:flex;align-items:center;gap:.3rem;color:var(--grey)}.singleBlog .singleBlog__main .singleBlog__blog .blog .related .related__post .related__post-socials .related__post-socials_links a .social-icon{font-size:15px;color:var(--red)}.singleBlog .reply{margin-left:4.3rem;max-width:100%}.singleBlog .comments{width:100%;display:flex;flex-direction:column;gap:1rem}.singleBlog .comments h2{font-size:1.5rem;padding:1rem 0;margin:2rem 0 0}.singleBlog .comments .comments__main{display:flex;gap:1rem;max-width:100%}.singleBlog .comments .comments__main .comments__main-profile img{width:3.5rem;border-radius:50%}.singleBlog .comments .comments__main .comments__main-content{display:flex;flex-direction:column;gap:.3rem;width:100%}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_top{display:flex;gap:.4rem;flex-direction:column;width:100%}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_top p{color:var(--grey)}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_message{border:1px solid var(--light_grey);background-color:#f2f2f2f2;border-radius:5px;margin-top:.5rem;width:100%}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_message p{font-size:1.1rem;letter-spacing:1px;line-height:1.6rem;padding:1rem;width:100%}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_bottom{margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_bottom div{display:flex;align-content:center}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_bottom div button{display:flex;gap:.2rem;align-items:center;height:2rem;background:transparent;border:none}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_bottom div button:hover{cursor:pointer;color:var(--grey)}.singleBlog .comments .comments__main .comments__main-content .comments__main-content_bottom div button .social-icon{font-size:1.6rem}.singleBlog .form{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.singleBlog .form textarea{outline:none;border-radius:.3rem;border:1px solid var(--light_grey);width:100%;font-size:1.1rem;letter-spacing:1px;line-height:1.6rem;padding:1rem;resize:vertical;overflow-y:hidden}.singleBlog .form textarea:focus{border:1px solid var(--grey)}.singleBlog .form button{padding:.7rem 2.4rem;background-color:var(--pale_black);color:var(--white);border:none}@media screen and (max-width: 1040px){.blog{display:flex!important;flex-direction:column!important}.blog .related{margin-top:2rem;display:grid!important;grid-template-columns:1fr 1fr}.blog .related h2{grid-column:span 2}}@media screen and (max-width: 620px){.blog{display:flex!important;flex-direction:column!important}.blog .related{display:grid!important;grid-template-columns:1fr}.blog .related h2{grid-column:span 1}.reply{margin-left:2.6rem!important;display:flex;flex-direction:column;gap:1rem}.reply .comments__main-content_message,.reply .comments__main-content_bottom{width:calc(100% + 2.6rem)!important;margin-left:-2.6rem!important}.comments .comments__main{gap:.5rem!important}.comments .comments__main .comments__main-profile img{width:2rem!important;border-radius:50%}}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-Regular.5e1b754a.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-Medium.78d931e6.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-ExtraBold.55346eef.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI Semi;src:url(/assets/THICCCBOI-Black.7b2a2ecb.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-SemiBold.e99ba5ee.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-ThicccAF.3c15e546.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-Light.261a5b6d.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:THICCCBOI;src:url(/assets/THICCCBOI-Thin.67e1dc53.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}html{scroll-behavior:smooth}li{list-style:none}a{text-decoration:none;color:#222}*{padding:0;margin:0;font-family:THICCCBOI;font-size:16px;box-sizing:border-box}.container{margin:0 3.5%;display:flex;flex-direction:column}:root{--white: #FFF;--grey: #696868;--light_grey: #d6d3d3;--black: black;--pale_black: #222;--blue: #4b0ae5;--pale_blue: #dccafc;--red: #eb1010}