:root{--color-primary: #172b66;--color-primary-light: #354b81;--color-primary-dark: #070a57;--color-grey-light-1: #faf9f9;--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(0, 0, 0, 0.3);--shadow-light: 0 2rem 5rem rgba($color: #000000, $alpha: 0.06);--line: 1px solid var(--color-grey-light-2)}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 68.75em){html{font-size:50%}}body{font-family:Raleway,sans-serif;src:url("../font/PPMori-Regular.otf");font-weight:400;line-height:1.6;color:var(--color-primary);background-image:linear-gradient(to right bottom, var(--color-grey-light-1), var(--color-grey-light-4));background-size:cover;background-repeat:no-repeat;min-height:100vh;cursor:none}.cursor-dot{width:5px;height:5px;background-color:black}.cursor-outline{width:30px;height:30px;border:1px solid black}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%, -50%);border-radius:50%;z-index:9999;pointer-events:none;transition:background-color .3s ease,border-color .3s ease}@media(min-width: 170rem){.heading-hero{font-size:10rem}.hero{padding:0}}@media(min-width: 768px){.hero__textbox-2{width:100%;margin-top:5rem}}@media(max-width: 680px){.section__hero{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.section__services{padding:0}.section__works{margin:0 !important;padding:0 !important}.heading-wrapper{padding:2rem !important}.service__item{padding:1.8rem !important}}@media(max-width: 180rem){.service__img{width:40vw}}@media(max-width: 768px){.works-grid{grid-template-areas:"a" "b" "c" "d" "e" "f";width:100% !important;row-gap:5rem !important;padding:0 1rem;margin:0 auto}.card{width:100%;max-width:500px}.card-image{padding:0}.card-image img{outline:none}.card-footer{flex-direction:column;gap:1.2rem;padding:1.5rem}.card-footer h3{font-size:1.7rem}.card-footer a{font-size:1.5rem}}@media(max-width: 1024px){.work-title-wrapper{transform:none !important;height:auto !important;margin-top:-10rem !important}.works-grid{grid-template-areas:"a" "b" "c" "d" "e" "f" !important;row-gap:10rem !important;margin:0 auto}.section__services{height:auto !important;padding:5rem 0 !important}.section__works{height:auto !important;padding:10rem !important}.flex-container{flex-direction:column;align-items:center}.team__wrapper{flex:none;text-align:center;width:100%}.team__name,.team__designation{opacity:1}.team.active .team__name,.team.active .team__designation{transform:none}.team__image{flex:none;width:100%;max-width:40rem;height:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;justify-content:center}.team__image img{position:relative !important;opacity:1 !important;transform:none !important;z-index:1;width:100%;height:auto}}@media(max-width: 768px){.testimonials-text__container{grid-template-columns:1fr !important;grid-template-rows:1fr 1fr;padding:10rem 16rem !important}.section__testimonials{height:auto !important;padding:5rem !important;margin-top:5rem !important}}@media(max-width: 768px)and (max-width: 768px){.footer__container,.sticky__area,.sticky__area__2{height:auto !important;position:static !important;top:auto !important}.footer{height:auto !important;padding:3rem 2rem;margin-top:5rem;text-align:center}.footer__grid{grid-template-columns:1fr !important;gap:2rem;text-align:center}.footer__title{font-size:3rem;margin-bottom:2rem}}@media(max-width: 560px){.testimonials-text__container{padding:10rem 7rem !important}.testimonials__intro{font-size:clamp(1.75rem,2.5vw,2.5rem) !important}}.center-div{display:grid;place-items:center}.header{display:flex;justify-content:space-between;align-items:center;height:10vh;padding:6rem 4.8rem;position:sticky;top:0;z-index:1000}@media(max-width: 680px){.header{position:absolute;width:100%;padding:3rem 2.4rem}}.header.white a{color:white}.section__hero{height:auto;min-height:90vh;padding:4.8rem 8.2rem;overflow:hidden}.section__intro{background-image:linear-gradient(to right bottom, var(--color-primary), var(--color-primary-dark));display:flex;flex-direction:column;margin:0 auto;padding:4.8rem;justify-content:center;align-items:center;height:100vh;gap:5rem;text-align:center}.section__services{height:210vh;padding:10rem 0}.section__works{min-height:100vh;padding:8rem 2rem;margin:0 auto;overflow:visible}.section__team{height:90vh;width:100%;position:relative;padding:4rem;margin-top:100rem}.section__testimonials{height:90vh;width:100%;position:relative;padding:4.8rem;margin-top:7.2rem;overflow:hidden}.section__cta{height:100vh;padding:4.8rem}.hero{padding:5rem;position:relative}.hero__textbox-2{width:70vw;text-align:center;position:relative;left:0;margin-top:2rem}.footer{background-image:radial-gradient(circle at 50% 50%, var(--color-primary), var(--color-primary-dark));color:white;padding:6rem 8rem;text-align:center;margin-top:10rem;display:flex;flex-direction:column;justify-content:space-between}.main-nav__list{list-style:none;display:flex;gap:10rem;align-items:center}.main-nav__link:link,.main-nav__link:visited{display:inline-block;text-decoration:none;color:var(--color-primary-dark);font-weight:500;font-size:2.6rem;transition:all .3s;text-shadow:none}.main-nav__link:hover,.main-nav__link:active{color:var(--color-primary)}.nav-logo:link,.nav-logo:visited{display:flex;text-decoration:none;color:var(--color-primary-dark);font-weight:500;font-size:2.6rem;transition:all .3s;text-shadow:none;align-items:center;gap:1rem}.nav-logo:hover,.nav-logo:active{color:var(--color-primary)}.logo{height:7rem}.btn__primary{display:inline-block;text-decoration:none;padding:1.6rem 6.2rem;border-radius:60px;border:3px solid var(--color-primary);font-family:inherit;font-weight:600;transition:all 300ms;background-color:var(--color-primary);color:white !important}.btn__primary:hover{background-color:white;color:var(--color-primary-dark) !important;box-shadow:2px solid var(--color-primary-dark)}.btn__cta{font-size:2rem;margin-top:2.5rem}.heading-wrapper{padding:20rem 4.8rem 4.8rem 4.8rem}.heading-hero{text-transform:uppercase;font-size:clamp(1rem,5vw,10rem);font-weight:700;flex-direction:column;z-index:2;font-family:"Lato",sans-serif;line-height:1.3}.heading-secondary{font-size:clamp(1.5rem,2.5vw,4.2rem);font-weight:400}.heading-primary{text-transform:uppercase;font-size:clamp(1rem,5vw,8rem);font-weight:700}.heading-service{font-weight:300;font-size:clamp(1.6rem,5vw,10rem)}.hero__pattern{max-width:20%;height:auto;z-index:-1;position:absolute}.hero__pattern-1{transform:translate(140rem, -6rem)}.hero__pattern-2{transform:translate(-30rem, -23rem)}.intro__logo{max-width:40%;height:auto;display:inline-block;-o-object-fit:contain;object-fit:contain;text-align:center}.intro__text{color:white;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:200}.header a.white-mode{color:white}.cursor-dot.white-mode{background-color:white}.cursor-outline.white-mode{border-color:white}.btn__primary.white-mode{border:3px solid white;background-color:white;color:var(--color-primary) !important}.btn__primary.white-mode:hover{background-color:var(--color-primary);color:white !important}.service__item{display:flex;align-items:flex-start;overflow:hidden;justify-content:space-between;padding:4.8rem}@media only screen and (max-width: 56.25em){.service__item{flex-direction:column;align-items:center;padding:4.8rem 2.4rem;text-align:center}}.service__item--1{background-color:#6666b3;color:white}.service__item--2{background-color:var(--color-primary);color:white}.service__item--3{background-color:#6a6c9a;color:white}.service__title{font-size:6.5rem;font-weight:200}.service__description{margin-top:1rem;max-width:50vw;line-height:1.7;overflow:hidden;text-transform:uppercase;font-size:clamp(1px,2vw,2.9rem);font-weight:300;padding-bottom:2.5rem}@media only screen and (max-width: 56.25em){.service__description{max-width:90vw}}.service__img__container{flex-shrink:0;padding:5rem}@media only screen and (max-width: 56.25em){.service__img__container{padding:3rem 0}}.service__img{display:block;max-width:75rem;height:auto;border-radius:20px;box-shadow:10px solid var(--color-primary-dark)}@media only screen and (max-width: 68.75em){.service__img{width:100%;max-width:50rem}}@media only screen and (max-width: 37.5em){.service__img{width:90vw;max-width:40rem}}.service__text{display:flex;flex-direction:column}.heading-work{font-size:clamp(2.5rem,15vw,20rem);font-weight:500;pointer-events:none;z-index:-1}.pattern-wrapper{position:absolute;inset:0;z-index:0}.hero__pattern-work{position:absolute;width:20%;height:auto;opacity:.2;transform:scale(2.5)}.hero__pattern-top{top:70%;right:80%}.hero__pattern-bottom{top:70%;right:6%}.works-grid{display:grid;grid-template-areas:". a" "b ." ". c" "d ." ". e" "f .";width:100%;row-gap:20rem;z-index:2;place-items:center}.work{opacity:1}.work1{grid-area:a}.work2{grid-area:b}.work3{grid-area:c}.work4{grid-area:d}.work5{grid-area:e}.work6{grid-area:f}.work-title-wrapper{height:30rem;width:100%;display:block;text-align:center;transform:translateY(30rem)}.card{background:white;border:1px solid #e4e4e4;overflow:hidden;box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.card-image{aspect-ratio:4/3;background:#f0f0f0;border-bottom:1px solid #e4e4e4;overflow:hidden;padding:2rem;outline:#111;box-shadow:10px solid black}.card-image img{width:100%;height:100%;display:block;box-sizing:border-box;-o-object-fit:cover;object-fit:cover;outline:5px solid var(--color-primary-dark)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e4e4e4}.card-footer h3{font-size:1.9rem;font-weight:600;text-transform:uppercase;margin:0;color:#111;letter-spacing:.5px}.card-footer a{display:flex;align-items:center;gap:6px;font-size:1.75rem;text-transform:uppercase;font-weight:500;color:#111;text-decoration:none;transition:opacity .2s ease}.card-footer a:hover{opacity:.7}.card-footer a img{width:2rem;height:2rem}.section__team{padding:4.8rem;min-height:100vh;color:black;overflow-x:hidden;box-sizing:border-box}@media(max-width: 68.75em){.section__team{min-height:auto;height:auto;padding:4.8rem 2.4rem;margin-top:10rem}}.flex-container{display:flex;align-items:stretch;justify-content:center}@media(max-width: 68.75em){.flex-container{flex-direction:column;align-items:center;gap:0}}.heading-team{display:inline-block;font-size:clamp(2rem,8vw,6rem);font-weight:200;border-bottom:1px solid var(--color-primary-light)}@media(max-width: 68.75em){.heading-team{display:block;text-align:center;border-bottom:none;margin-bottom:2rem}}.team__wrapper{flex:1}@media(max-width: 68.75em){.team__wrapper{flex:none;width:100%;max-width:50rem;display:flex;flex-direction:column;gap:2.5rem}}.team{margin:2rem 0}@media(max-width: 68.75em){.team{margin:0;display:grid;grid-template-columns:6rem 1fr;grid-template-rows:auto auto;align-items:center;gap:0 1.5rem}.team::before{grid-row:1/span 2;content:"";display:block;flex-shrink:0;width:6rem;height:6rem;border-radius:50%;background-size:cover;background-position:center;background-image:linear-gradient(to bottom right, var(--color-primary-light), var(--color-primary-dark))}.team.team__1::before{background-image:url("../img/team/eshan.webp")}.team.team__2::before{background-image:url("../img/team/ajlan.webp")}.team.team__3::before{background-image:url("../img/team/siam.webp")}}.team__name{font-size:clamp(1.2rem,3vw,6rem);margin:0;opacity:.4;transition:.3s ease;text-transform:uppercase;font-weight:300}@media(max-width: 68.75em){.team__name{grid-column:2/3;grid-row:1/2;align-self:end;opacity:1;font-size:2rem;font-weight:700;color:var(--color-primary-dark);line-height:1.2}}.team__designation{font-size:clamp(1.5rem,2.75vw,2.5rem);margin:.5rem 0 0;opacity:.3;transition:.3s ease}@media(max-width: 68.75em){.team__designation{grid-column:2/3;grid-row:2/3;align-self:start;opacity:1;font-size:1.5rem;color:var(--color-grey-dark-2);margin:0;font-weight:300}}.team.active .team__name,.team.active .team__designation{opacity:1;color:var(--color-primary-dark);transform:translateX(10px);font-weight:700}@media(max-width: 68.75em){.team.active .team__name,.team.active .team__designation{transform:none}}.team__image{justify-content:flex-end;position:relative;flex:1;display:flex}@media(max-width: 68.75em){.team__image{display:none}}.team__image img{padding:.5rem;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:none;position:absolute;opacity:0;transform:scale(0.95);transition:opacity .5s,transform .5s;background-image:linear-gradient(to bottom right, var(--color-primary-light), var(--color-primary-dark))}.team__image img.active{opacity:1;transform:scale(1);z-index:1}.testimonials-text__container{display:grid;align-content:center;justify-content:space-between;grid-template-columns:35rem 1fr;grid-template-rows:1fr;gap:clamp(1rem,20vw,60rem);padding:10rem 9rem;height:60%}.testimonials__main{font-size:clamp(1.2rem,3vw,2.5rem);text-align:center;grid-row:span;text-transform:capitalize;position:relative}.testimonials__main h1{font-weight:700;line-height:1.7}.testimonials__main img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.testimonials__intro{font-size:clamp(1rem,2.5vw,2.5rem);text-align:center;font-weight:400}.testimonials__pattern{opacity:.2;transform:translateX(80vw)}.testimonials__container{height:40%;width:100%;margin-top:4rem}.testimonials__track{display:flex;gap:2rem}.testimonial__card{flex:0 0 30rem;background:var(--color-primary-dark);color:white;padding:2rem;border-radius:1.4rem;box-shadow:0 .6rem 2rem rgba(0, 0, 0, 0.08)}.testimonial__card .quote{font-size:1.5rem;line-height:1.5;margin-bottom:1rem}.testimonial__card .name{font-size:1.3rem;font-weight:700;color:#b5b6cd;font-style:italic}.cta__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.heading-cta{font-size:clamp(2.5rem,8vw,10rem);font-weight:300}.cta__text{font-size:clamp(2rem,3vw,5rem);font-weight:600;margin:2rem 0;color:var(--color-grey-dark-2)}.footer__title{font-size:6rem;font-weight:700;margin-bottom:4rem;text-transform:uppercase;letter-spacing:2px}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(22rem, 1fr));gap:4rem;text-align:left;margin-bottom:3rem}.footer__col h3{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.footer__col ul{list-style:none;padding:0}.footer__col ul li{margin-bottom:1rem;font-size:1.8rem;color:var(--color-grey-light-3)}.footer__col ul li a{color:var(--color-grey-light-3);text-decoration:none;transition:opacity .3s}.footer__col ul li a:hover{opacity:.7}.footer__copy{font-size:1.6rem;color:var(--color-grey-light-3);margin-top:2rem;text-align:center}.footer__container{position:relative;height:50vh;clip-path:polygon(0% 0, 100% 0%, 100% 100%, 0 100%)}.sticky__area{height:150vh;position:relative;top:-100vh}.sticky__area__2{height:50vh;position:sticky;top:50vh}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;cursor:pointer;z-index:1100}.hamburger span{height:3px;width:100%;background:var(--color-primary-dark);border-radius:5px;transition:all .3s ease}@media(max-width: 768px){.main-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:white;display:flex;justify-content:center;align-items:center;transition:right .4s ease;z-index:2000}.main-nav.active{right:0}.main-nav__list{display:flex;flex-direction:column;gap:2rem;list-style:none;text-align:center}.main-nav__link{font-size:2.4rem;font-weight:600;color:var(--color-primary-dark);text-decoration:none;opacity:0;transform:translateY(20px)}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;z-index:2100;row-gap:.5rem}.hamburger span{display:block;width:100%;height:3px;background:var(--color-primary-dark);border-radius:5px;transition:all .3s ease;transform-origin:center}.hamburger.active span{background:var(--color-primary-dark)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}}@media(max-width: 820px){.cursor-dot,.cursor-outline{display:none}}/*# sourceMappingURL=style.css.map */