.container,.row>*{padding-right:15px;padding-left:15px}.home,.home__photo{background-repeat:no-repeat}@font-face{font-family:poppins-black;src:url(../fonts/Poppins-Black.ttf) format(truetype)}@font-face{font-family:poppins-bold;src:url(../fonts/Poppins-Bold.ttf) format(truetype)}@font-face{font-family:poppins-medium;src:url(../fonts/Poppins-Medium.ttf) format(truetype)}@font-face{font-family:poppins-regular;src:url(../fonts/Poppins-Regular.ttf) format(truetype)}@font-face{font-family:poppins-semibold;src:url(../fonts/Poppins-SemiBold.ttf) format(truetype)}.container{width:100%;margin-right:auto;margin-left:auto;position:relative}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.app-btn,.nav{display:-webkit-box;display:-ms-flexbox}.row>*{margin-bottom:30px}.col{max-width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.col-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-2,.col-3{-webkit-box-flex:0}.col-2{width:16.666666%;-ms-flex:0 0 auto;flex:0 0 auto}.col-3{width:25%;-ms-flex:0 0 auto;flex:0 0 auto}.col-4,.col-5{-webkit-box-flex:0}.col-4{width:33.333333%;-ms-flex:0 0 auto;flex:0 0 auto}.col-5{width:41.666666%;-ms-flex:0 0 auto;flex:0 0 auto}.col-6,.col-7{-webkit-box-flex:0}.col-6{width:50%;-ms-flex:0 0 auto;flex:0 0 auto}.col-7{width:58.333333%;-ms-flex:0 0 auto;flex:0 0 auto}.col-8,.col-9{-webkit-box-flex:0}.col-8{width:66.666666%;-ms-flex:0 0 auto;flex:0 0 auto}.col-9{width:75%;-ms-flex:0 0 auto;flex:0 0 auto}.col-10,.col-11{-webkit-box-flex:0}.col-10{width:83.333333%;-ms-flex:0 0 auto;flex:0 0 auto}.col-11{width:91.666666%;-ms-flex:0 0 auto;flex:0 0 auto}.col-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@media (min-width:576px){.container{width:540px}.col-sm-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-2{width:16.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-3{width:25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-4{width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-5{width:41.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-6{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-7{width:58.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-8{width:66.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-9{width:75%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-10{width:83.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-11{width:91.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:768px){.container{width:720px}.col-md-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-2{width:16.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-3{width:25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-4{width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-5{width:41.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-6{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-7{width:58.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-8{width:66.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-9{width:75%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-10{width:83.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-11{width:91.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:992px){.container{width:960px}.col-lg-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-2{width:16.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-3{width:25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-4{width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-5{width:41.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-6{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-7{width:58.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-8{width:66.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-9{width:75%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-10{width:83.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-11{width:91.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:1200px){.container{width:1140px}.col-xl-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-2{width:16.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-3{width:25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-4{width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-5{width:41.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-6{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-7{width:58.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-8{width:66.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-9{width:75%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-10{width:83.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-11{width:91.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:1400px){.container{width:1370px}.col-xxl-1{width:8.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-2{width:16.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-3{width:25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-4{width:33.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-5{width:41.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-6{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-7{width:58.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-8{width:66.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-9{width:75%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-10{width:83.333333%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-11{width:91.666666%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-12{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--text-color:#333333;--app-bg-color:#fff;--section-bg-color:#fff;--primary-color:#0ABEAD;--orang:#f57f17;-webkit-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}:root.dark-theme{--text-color:#95a5c6;--app-bg-color:#161d26;--section-bg-color:#1f2935}:root.dark-theme .about,:root.dark-theme .header,:root.dark-theme .home__photo,:root.dark-theme .package,:root.dark-theme .pricing,:root.dark-theme .resume,:root.dark-theme .resume-list{-webkit-box-shadow:none;box-shadow:none}:root.dark-theme .home{background-image:url(../images/shapes/header-shape-dark.svg)}:root.dark-theme .resume-content__title{color:#f57f17}.app-btn{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16rem;height:5rem;border-radius:4rem;color:#fff;background-color:var(--primary-color);-webkit-box-shadow:0 1.5rem 4rem rgba(11,190,173,40%);box-shadow:0 1.5rem 4rem rgba(11,190,173,40%);font-size: 1rem;}.app-btn--orang{background-color:var(--orang);-webkit-box-shadow:0 1.5rem 5rem rgba(245,127,23,24%);box-shadow:0 1.5rem 5rem rgba(245,127,23,24%)}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h-full{height:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:poppins-regular;font-size:1.6rem;line-height:1.5;color:var(--text-color);background-color:var(--app-bg-color);padding-top:11rem}::-moz-selection{background-color:var(--primary-color);color:#fff}::selection{background-color:var(--primary-color);color:#fff}.menu__item--active,.nav__logo{color: var(--primary-color);
    font-family: "poppins-black";
    font-size: 3.5rem;
    margin: 0;}.header{background-color:var(--app-bg-color);-webkit-box-shadow:0 .5rem 4rem rgba(4,195,255,16%);box-shadow:0 .5rem 4rem rgba(4,195,255,16%);z-index:100;position:fixed;right:0;left:0;top:0}.nav{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 0}.nav__logo{font-family:poppins-black;font-size:3.5rem;margin:0}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:5rem;z-index:100}.menu__item{margin-right:2rem;font-size:1.7rem}.menu__item:last-child{margin-right:0}.menu__link{ color:inherit;display:inline-block;font-family:poppins-medium;-webkit-transition:color 150ms ease-in;-o-transition:color 150ms ease-in;transition:color 150ms ease-in; font-size: 2.5rem; text-decoration: none;}.home__name,.home__title,.menu__link:hover,.section-head__title{color:var(--primary-color)}.nav__toggle-icon{display:none;width:5rem;height:5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.nav__toggle-line{position:relative;-webkit-transition:.1s ease-in;-o-transition:.1s ease-in;transition:.1s ease-in}.nav__toggle-line::after,.nav__toggle-line::before{-webkit-transition:150ms ease-in;-o-transition:150ms ease-in;position:absolute}.nav__toggle-line,.nav__toggle-line::after,.nav__toggle-line::before{content:" ";width:4.5rem;height:.4rem;background-color:var(--primary-color);border-radius:2rem}.nav__toggle-line::before{top:1.2rem;transition:150ms ease-in}.nav__toggle-line::after{bottom:1.2rem;transition:150ms ease-in}.nav__toggle-icon--open .nav__toggle-line{background-color:transparent}.nav__toggle-icon--open .nav__toggle-line::before{-webkit-transform:translateY(-1.2rem) rotate(-45deg);-ms-transform:translateY(-1.2rem) rotate(-45deg);transform:translateY(-1.2rem) rotate(-45deg)}.nav__toggle-icon--open .nav__toggle-line::after{-webkit-transform:translateY(1.2rem) rotate(45deg);-ms-transform:translateY(1.2rem) rotate(45deg);transform:translateY(1.2rem) rotate(45deg)}.cover{background-color:rgba(0,0,0,10%);top:0;left:0;position:fixed;width:100%;height:100%;z-index:-1;opacity:0;-webkit-transition:150ms ease-in;-o-transition:150ms ease-in;transition:150ms ease-in}.resume-list__item::before,.resume-list__text{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in}.cover--show{opacity:1;z-index:99}.home{margin-top:7rem;background-image:url(../images/shapes/header-shape.svg);background-position:bottom;height:82rem}.home__name{font-size:2.4rem;font-family:poppins-semibold}.home__name span{color:var(--orang)}.home__title{font-family:poppins-bold;font-size:4.6rem;margin:2rem 0}.home__caption{opacity:70%;margin-bottom:3rem}.home__links-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.home__link{font-family:poppins-semibold}.home__photo {width: 100%;max-width: 55rem;aspect-ratio: 1 / 1; border-radius: 100%;background-image: url(../images/header-avatar.png);background-repeat: no-repeat;background-position: center;background-size: contain; box-shadow: 0 0 4rem rgba(96, 233, 255, 47%);border: 2rem solid var(--app-bg-color);}.abuotus{margin-top:5rem}.section-head{text-align:center;margin-bottom:6rem}.section-head__title{font-family:poppins-bold;font-size:4.4rem;margin:5rem 0 0}.section-head__caption{color:var(--text-color);margin:1rem 0 2rem;letter-spacing:.3rem}.section-head__line{display:block;width:20rem;height:.3rem;margin:0 auto;background-color:var(--primary-color);position:relative}.about,.about__links_wrapper{display:-webkit-box;display:-ms-flexbox}.section-head__line::after{content:"";width:3rem;height:.8rem;position:absolute;background-color:var(--primary-color);border-radius:2rem;left:0;right:0;top:0;bottom:0;margin:auto}.about{display:flex;background-color:var(--app-bg-color);-webkit-box-shadow:0 0 4rem rgba(96,233,255,27%);box-shadow:0 0 4rem rgba(96,233,255,27%);margin-bottom:10rem;min-height:62rem}.about__cover{-ms-flex-preferred-size:48%;flex-basis:48%;-ms-flex-negative:0;flex-shrink:0}.about__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__content{-ms-flex-preferred-size:52%;flex-basis:52%;-ms-flex-negative:0;flex-shrink:0;padding:4rem}.about__title{font-family:poppins-semibold;font-size:2.2rem;margin-top:0}.about__discription{padding:2rem 0 6rem;font-size: 2rem;}.about__list-title{color:var(--primary-color);font-size:2.7rem;font-family:poppins-semibold;padding-bottom:1rem}.resume-list__item--active,.service{color:#fff}.about-list{margin-bottom:3rem;margin-left:1rem}.about-list__item{margin-bottom:1rem;position:relative;padding-left:2rem;font-size: 2.2rem;}.about-list__item:last-child{margin-bottom:0}.about-list__item::before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:1.1rem;height:1.1rem;background-color:var(--orang);border-radius:100%}.resume-content__item:last-child,.resume-list__item:last-child{margin-bottom:0}.resume-content__title::before,.resume-list::before,.resume-list__item::before{content:"";top:0;background-color:var(--primary-color)}.about__links_wrapper{display:flex;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.resume-list,.resume-list__item{display:-webkit-box;display:-ms-flexbox}.service{height:100%;text-align:center;padding:7rem 3rem;position:relative;z-index:5;overflow:hidden}.resume-list::before,.resume-list__item::before,.service__wave{left:0;z-index:-1;position:absolute;bottom:0}.service--purple{background-color:#8540ff;-webkit-box-shadow:0 0 4rem rgba(118,13,255,35%);box-shadow:0 0 4rem rgba(118,13,255,35%)}.service--yellow{background-color:#ffc50a;-webkit-box-shadow:0 0 4rem rgba(255,197,12,35%);box-shadow:0 0 4rem rgba(255,197,12,35%)}.service--pink{background-color:#ec407a;-webkit-box-shadow:0 0 4rem rgba(236,64,122,35%);box-shadow:0 0 4rem rgba(236,64,122,35%)}.service--orange{background-color:#ff6331;-webkit-box-shadow:0 0 4rem rgba(255,99,49,35%);box-shadow:0 0 4rem rgba(255,99,49,35%)}.service--blue{background-color:#13b6ff;-webkit-box-shadow:0 0 4rem rgba(19,182,255,35%);box-shadow:0 0 4rem rgba(19,182,255,35%)}.service--green{background-color:#49af46;-webkit-box-shadow:0 0 4rem rgba(73,175,70,35%);box-shadow:0 0 4rem rgba(73,175,70,35%)}.service__wave{width:100%}.srvice__title{font-family:poppins-bold;font-size:3rem;padding:2rem 0}.resume-content__title,.resume-list__text{font-size:1.9rem;font-family:poppins-semibold}.resume{background-color:var(--section-bg-color);margin-top:8rem;-webkit-box-shadow:0 0 6rem rgba(19,182,255,24%);box-shadow:0 0 6rem rgba(19,182,255,24%);padding:8rem 0;-webkit-transform:skewY(-6deg);-ms-transform:skewY(-6deg);transform:skewY(-6deg)}.resume .container{-webkit-transform:skewY(6deg);-ms-transform:skewY(6deg);transform:skewY(6deg)}.resume-list{background-color:var(--app-bg-color);-webkit-box-shadow:0 0 4rem rgba(96,233,255,27%);box-shadow:0 0 4rem rgba(96,233,255,27%);position:relative;z-index:5;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:40rem;margin-right:2.5rem}.resume-list::before{width:4.5rem}.resume-list__item{margin-bottom:1.5rem;padding:1rem 0;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer}.portfolio-list,.resume-content__head{display:-webkit-box;display:-ms-flexbox}.resume-list__item::before{width:5.5rem;border-radius:3rem;transition:.2s ease-in;max-width:28rem}.resume-list__item--active::before{width:100%}.resume-list__icon{width:2.3rem;height:2.3rem;margin:0 1rem}.resume-list__text{margin-left:2.5rem;transition:.2s ease-in}.resume-content{border-left:.32rem solid var(--primary-color);padding-left:3rem;height:0;opacity:0;overflow:hidden;-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}.resume-content--show{height:auto;overflow:visible;opacity:1}.resume-content__item{margin-bottom:2rem}.resume-content__head{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.resume-content__title{color:#ff5823;position:relative}.resume-content__title::before{position:absolute;left:-4rem;bottom:0;width:1.7rem;height:1.7rem;border-radius:100%;margin:auto}.resume-content__date{background-color:#f57f17;-webkit-box-shadow:0 0 4rem rgba(245,127,23,24%);box-shadow:0 0 4rem rgba(245,127,23,24%);border-radius:2rem;padding:.2rem 1.5rem;color:#fff}.resume-content__subtitle{font-family:poppins-semibold;font-size:2.1rem;margin:1rem 0}.portfolio{margin-top:18rem; width: 100%; height: 100%;}.portfolio-list{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.package__body,.package__head{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}.portfolio-list__item{padding:1rem 3rem;border-radius:4rem;cursor:pointer}.portfolio-list__item--active{color:#fff;background-color:var(--primary-color)}.portfolio-content{height:0;overflow:hidden;opacity:0;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.portfolio-content--show{min-height:60.2rem;opacity:1}.portfolio-content__img{width:100%; height: 61rem ;-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}.swiper-pagination-bullet{width:1.8rem!important;height:1.8rem!important;border:3px solid var(--app-bg-color)!important;border:var(--primary-color)!important;opacity:1!important;}.swiper-pagination-bullet--active{background-color:var(--primary-color)!important}.swiper-pagination{position:static!important;}.contactus,.pricing{margin-top:15rem;}.pricing{background-color:var(--section-bg-color);-webkit-box-shadow:0 0 6rem rgba(19,182,255,24%);box-shadow:0 0 6rem rgba(19,182,255,24%);padding:8rem 0 15rem;-webkit-transform:translateZ(0) skewY(-6deg);transform:translateZ(0) skewY(-6deg)}.pricing .container{-webkit-transform:translateZ(0) skewY(6deg);transform:translateZ(0) skewY(6deg)}.package{-webkit-box-shadow:0 0 4rem rgba(96,233,255 ,27%);box-shadow:0 0 4rem rgba(96,233,255 ,27%)}.package__head{color:#fff;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.4rem;padding:3rem 0}.package__type{font-family:poppins-semibold;font-size:3rem}.package__price{font-family:poppins-semibold;font-size:2.4rem}.package__filter{font-size:1.3rem}.package__body{background-color:var(--app-bg-color);display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.contactus__map,.content__form{display:-webkit-box;display:-ms-flexbox}.package-option{padding:2rem 0}.package-option__item{padding:1rem 0}.package-option__item:last-child{padding-bottom:0}.package-options__icon{margin-right:.5rem}.package__link{margin-bottom:4rem}.app-btn--orang,.package__head--orang{background-color:#ff6131}.app-btn--purple,.package__head--purple{background-color:#803afb}.app-btn--pink,.package__head--pink{background-color:#f5276c}.app-btn--pink{-webkit-box-shadow:0 1.5rem 4rem rgba(245,39,108,24%);box-shadow:0 1.5rem 4rem rgba(245,39,108,24%)}.app-btn--purple{-webkit-box-shadow:0 1.5rem 4rem rgba(128,58,251,24%);box-shadow:0 1.5rem 4rem rgba(128,58,251,24%)}.contactus__wrapper{background-image:url(../images/map.jpg);height:78rem;padding:7rem 0}.contactus__map{width:6rem;height:6rem;background-color:var(--app-bg-color);border-radius:100%;-webkit-box-shadow:0 0 4rem rgba(96,233,255 ,27%);box-shadow:0 0 4rem rgba(96,233,255 ,27%);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:6%;top:64%}.contactus__icon{width:2.5rem;height:2.5rem}.contact{background-color:var(--section-bg-color);-webkit-box-shadow:0 0 4rem rgba(19,182,255 ,24%);box-shadow:0 0 4rem rgba(19,182,255 ,24%);max-width:50rem;padding:4.5rem;margin-left:auto}.contact__title{font-family:poppins-bold;font-size:3rem;color:var(--primary-color)}.content__form{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.4rem;margin-top:2rem}.footer__socials,.footer__wrapper{display:-webkit-box;display:-ms-flexbox}.contact__input{padding:1.5rem 2rem;border:none;outline:0;-webkit-box-shadow:0 0 4rem rgba(96,233,255 ,27%);box-shadow:0 0 4rem rgba(96,233,255 ,27%);border-radius:1rem;color:var(--text-color);background-color:var(--app-bg-color)}.contact__submit,.footer__social:hover{background-color:var(--primary-color)}.contact__input::-webkit-input-placeholder{color:var(--text-color)}.contact__input::-moz-placeholder{color:var(--text-color)}.contact__input:-ms-input-placeholder{color:var(--text-color)}.contact__input::-ms-input-placeholder{color:var(--text-color)}.contact__input::placeholder{color:var(--text-color)}.contact__input--textarea{resize:vertical;max-height:22rem;min-height:8rem}.contact__submit{padding:1.5rem 0;border:none;outline:0;border-radius:5rem;color:#fff;font-family:poppins-semibold;font-size:1.7rem;cursor:pointer}.footer{padding:2rem 0;background-color:var(--app-bg-color)}.footer__wrapper{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__copy-riht{font-family:poppins-semibold;letter-spacing:.4rem;}.footer__socials{display:flex;gap:2rem}.change-theme,.footer__social{width:4.5rem;height:4.5rem;border-radius:100%;background-color:#1f2935;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.1s ease-in;-o-transition:.1s ease-in;transition:.1s ease-in;cursor:pointer}.change-theme svg,.footer__social svg{width:3rem;height:3rem;fill:var(--app-bg-color)}.change-theme svg{fill:#fff}@media screen and (max-width:1400px){.home{height:83rem}}@media screen and (max-width:1200px){.nav__logo{font-size:2rem}.menu__item{font-size:1.5rem}.home__photo{width:45rem;height:45rem}.home{height:71rem}.about__content,.about__cover{-ms-flex-preferred-size:50%;flex-basis:50%}.resume-list{margin-right:0}.resume-list__item::before{max-width:26rem}}@media screen and (max-width:992px){.home__content{left:3rem}.menu__item{font-size:1.3rem}.nav__logo{font-size:1.5rem}.home__photo{width:33rem;height:33rem;border-width:1rem}.home__name,.srvice__title{font-size:2rem}.home__title{font-size:3rem}.footer__copy-riht,.home__caption,.package-option__item,.package-options__icon,.package__link,.resume-content__date,.resume-content__discription,.srvice__caption{font-size:2.4rem}.app-btn{width:14rem;height:4rem}.home{height:62rem}.section-head__title{font-size:2.8rem;margin-top:2rem}.about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.resume{margin-top:8rem}.service{padding:6rem 1rem}.service__icon{width:6.5rem}.resume-list__icon{width:2rem;height:2rem}.resume-list__text{font-size:1.6rem;font-family:poppins-regular}.resume-list__item{padding:1.2rem .5rem}.resume-list__item--active{background-color:var(--primary-color)}.resume-content__title{font-size:2.6rem}.portfolio-list__item,.resume-content__subtitle{font-size:1.5rem}.package__type{font-size:2.3rem}.package__price{font-size:1.7rem}.package__filter{font-size:1.1rem}.contactus__map{display:none}.contact{margin-right:auto}.footer__social{width:3.5rem;height:3.5rem}.footer__social svg{width:2.5rem;height:2.5rem}}@media screen and (max-width:768px){.home .row,.home__content,.menu{-webkit-box-orient:vertical}.home__content,.menu,.resume-list{-webkit-box-direction:normal}.menu{position:absolute;-ms-flex-direction:column;flex-direction:column;top:100%;left:-5rem;right:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-bg-color);-webkit-transition:150ms ease-in-out;-o-transition:150ms ease-in-out;transition:150ms ease-in-out;height:0;overflow:hidden}.menu--open{height:33rem}.menu__item{margin-right:0;margin-bottom:2rem}.menu__item:first-child{margin-top:2rem}.nav__toggle-icon{display:-webkit-box;display:-ms-flexbox;display:flex}.home{margin-top:4rem;margin-bottom:-15rem}.home__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center}.home__links-wrapper{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home__photo{margin:0 auto;width:30rem;height:30rem}.home .row{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.home__name{font-size:1.8rem}.home__title{font-size:2.8rem}.home__caption{font-size:1.2rem}.app-btn{width:13rem;height:4rem}.home{height:76rem;background-image:none}.section-head__title{font-size:2.6rem}.about__content{padding-top:2rem}.service__icon{width:5.5rem}.resume-list::before,.resume-list__item::before{content:none}.resume-list__icon{display:none}.resume-list__item{border-radius:4rem;padding:1rem 2rem;margin-bottom:0}.resume-list__item--active{background-color:var(--primary-color)}.resume-list{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:auto;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}.resume-list__text{margin:0;font-size:1.3rem}.footer__copy-riht{padding-bottom:1.5rem}}@media screen and (max-width:576px){*{cursor:default!important}.home__photo{width:29rem;height:29rem}.home__name{font-size:1.7rem}.home__title{font-size:2.7rem}.home__caption{font-size:1.2rem;text-align:center}.app-btn{width:13rem;height:3.5rem}.section-head__title{font-size:2.5rem}.section-head__caption{letter-spacing:.4rem}.about__content{padding:2rem}.about__discription{font-size:1.4rem;padding-bottom:3rem}.about-list__item{font-size:1.3rem}.about__title{font-size:1.8rem}.service{padding:6rem 3rem}.srvice__title{font-size:2rem}.srvice__caption{font-size:1.4rem}.service__wave{display:none}.package{max-width:35rem;margin:0 auto}.change-theme,.footer__social{width:3rem;height:3rem}.change-theme svg,.footer__social svg{width:2rem;height:2rem}.footer__copy-riht{font-size:1.2rem}.resume-list__text{font-size:1.5rem}}@media screen and (max-width:460px){.home__links-wrapper{gap:1.5}.section-head__caption{letter-spacing:.2rem}.service{padding:6rem 2rem}.srvice__title{font-size:1.9rem}.srvice__caption{font-size:1.3rem}.service__wave{display:block}.resume-content{border-left:none;padding-left:0}.resume-content__title::before{content:none}.contact{padding:4.5rem 2rem}}@media screen and (max-width:410px){.home__links-wrapper{gap:1.5}.section-head__caption{letter-spacing:.2rem}.service{padding:6rem 2rem}.srvice__title{font-size:1.9rem}.srvice__caption{font-size:1.3rem}}

a{
    text-decoration: none;
}


.home__link,
.about__links_wrapper .app-btn{
    font-size: 1.8rem;
    text-decoration: none !important;
}


@media screen and (max-width:768px){
    .home__link,
    .about__links_wrapper .app-btn{
        font-size: 1.6rem;
    }
}


.package__link,
.package__link a{
    text-decoration: none !important;
}


.package__link{
    display:flex;
    justify-content:center;
    align-items:center;
}


.package{
    height:100%;
    display:flex;
    flex-direction:column;
}

.package__body{
    flex:1;
    justify-content:space-between;
    padding:2rem;
}


.package-option{
    width:100%;
}

.package-option__item{
    font-size:2rem;
    line-height:1.7;
    word-break: break-word;
}


.nav__logo{
    white-space: nowrap;
    font-size: 3rem;
    line-height:1;
}


@media screen and (max-width:992px){

    .nav__logo{
        font-size: 2.2rem !important;
        white-space: nowrap;
        flex-shrink:0;
    }

    .nav{
        gap:1rem;
    }

    
    .menu__link{
        font-size:1.9rem;
    }
}


@media screen and (max-width:768px){

    .nav__logo{
        font-size:2rem !important;
        max-width:none;
    }
}



@media screen and (max-width:992px){

    .pricing{
        padding:6rem 0 10rem;
    }

    .package{
        max-width:55rem;
        margin:0 auto 4rem auto;
    }

    .package__type{
        font-size:2.5rem;
    }

    .package__price{
        font-size:2rem;
    }

    .package-option__item{
        font-size:1.8rem;
    }

    .package__link{
        margin-top:2rem;
    }
}


@media screen and (max-width:768px){

    .package{
        max-width:42rem;
    }

    .package-option__item{
        font-size:1.6rem;
        text-align:left;
    }

    .package__head{
        padding:2.5rem 1rem;
    }
}


@media screen and (max-width:576px){

    .package{
        width:100%;
        max-width:100%;
    }

    .package-option__item{
        font-size:1.5rem;
    }

    .pricing .row > *{
        margin-bottom:3rem;
    }
}


img{
    max-width:100%;
    height:auto;
}

.home__title{
    line-height:1.3;
}

.home__caption{
    max-width:60rem;
}

.about{
    overflow:hidden;
}

html,
body{
    overflow-x:hidden;
}


.package{
    display:flex;
    flex-direction:column;
    height:100%;
}

.package__body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:3rem 2rem;
}


.package-option{
    flex-grow:1;
}


.package__link{
    margin-top:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    /*padding-top:2rem;*/
}

.package__link .app-btn{
    width:20rem;
    max-width:100%;
    text-decoration:none !important;
}


@media screen and (max-width:992px){

    .package{
        min-height:unset;
    }

    .package__body{
        padding:2rem;
    }

    .package__link .app-btn{
        width:18rem;
    }
}

@media screen and (max-width:576px){

    .package__link .app-btn{
        width:16rem;
        height:4.5rem;
        font-size:1.5rem;
    }
}
@media screen and (max-width: 992px){

    .resume-content__head{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        flex-wrap: nowrap;
    }

    .resume-content__date{
        flex-shrink: 0;
        white-space: nowrap;
        min-width: fit-content;
    }

    .resume-content__title{
        flex: 1;
        min-width: 0;
    }
}


.package .app-btn{
    width: 18rem;
    height: 4.8rem;
    font-size: 1.8rem;
    border-radius: 3rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

@media screen and (max-width: 992px){
    .package .app-btn{
        width: 16rem;
        height: 4.5rem;
        font-size: 1.7rem;
    }
}

@media screen and (min-width : 992px){
    .about__img{
        position: relative;
        top: 46rem;
    }
}

@media screen and (max-width: 576px){
    .package .app-btn{
        width: 14rem;
        height: 4.2rem;
        font-size: 1.6rem;
    }
}

.contactus__wrapper{
    position: relative;
}

.contactus__link{
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
}

.contact{
    position: relative;
    z-index: 2;
}

.about {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
}

.about__cover {
    flex: 1 1 300px;
    max-width: 100%;
}

.about__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.about__content {
    flex: 1 1 300px;
}

@media (max-width: 768px) {
    .about {
        flex-direction: column;
        text-align: center;
    }

    .about__cover {
        margin-bottom: 20px;
    }

    .about__img {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 992px){
    .change-theme{
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media screen and (min-width : 1400px){
    .about__img{
        position: relative;
        top: 35rem;
    }
}

@media screen and (min-width : 768px){
    .resume-content__discription{
        font-size: 1.4rem;
    }

    .resume-content__title{
        font-size: 2rem;
    }

    .resume-content__date{
        font-size: 2rem;
    }
}