/* *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*//* ul,li,ol{list-style: none;}a{text-decoration: none;}body, *//* main{margin: 0 auto; font-family: 'Roboto', 'Helvetica', Arial, sans-serif; background-color: rgb(255, 255, 255);}*/.contents{background-color: white;}.image-container .iphone-12{height: 800px; width: 100%; margin-bottom: 0px;}#logo{width: 200px; height: 54px;}.iphone-12{height: 100%; background-image: url(/serv-page/img-serv/px-first.webp); background-size: cover; background-position: center; background-repeat: no-repeat;}.iphone-12 .title{text-align: center; padding-top: 50px;}.iphone-12 .title h1{font-size: 50px; /* color: rgba(0, 0, 0, 0.897); */ font-weight: 700; background: -webkit-linear-gradient(180deg, rgba(255, 0, 0, 1) 8%, rgba(230, 0, 255, 1) 54%, rgba(0, 181, 255, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.iphone-12 .title p{font-size: 25px; font-weight: bold; color: rgba(41, 41, 41, 0.89)}.cta-links{text-align: center;}.image-container .iphone-12-pro{height: 640px; width: 100%; padding-top: 20px;}.iphone-12-pro{height: 90%; min-height: 100%; background-image: url(/serv-page/img-serv/px-visitingCard.webp); background-size: cover; background-position: center; background-repeat: no-repeat;}.iphone-12-pro .title{text-align: center;}.iphone-12-pro .title h1{font-size: 60px; /* color: rgba(255, 255, 255, 0.897); */ font-weight: 700; background: -webkit-linear-gradient(180deg, rgba(255, 0, 0, 1) 8%, rgba(230, 0, 255, 1) 54%, rgba(0, 181, 255, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.iphone-12-pro .title p{font-size: 30px; font-weight: normal; color: rgba(255, 253, 253, 0.87)}.iphone-12-pro .cta-links{text-align: center;}.image-container .fitness{height: 500px; width: 100%; padding-top: 0%; flex: auto;}.fitness{height: 90%; min-height: 100%; background-image: url(/serv-page/img-serv/px-logodesign.webp); background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 00px;}.title .hello{text-align: center; margin-top: 40px; font-size: 80px; /* color: rgba(0, 0, 0, 0.897); */ font-weight: 700; background: -webkit-linear-gradient(180deg, rgba(255, 0, 0, 1) 8%, rgba(230, 0, 255, 1) 54%, rgba(0, 181, 255, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.title .A{text-align: center; font-size: 30px; font-weight: normal; margin-top: 30px; color: rgba(0, 0, 0, 0.87)}.fitness .cta-links{text-align: center;}/* main */#pamphlet{width: 88%;}#bcard{width: 100%;}#idcard{width: 80%;}#hording{width: 100%;}#backlit{width: 100%;}ul{list-style: none; margin: 0px; padding: 0px; text-align: center;}li{color: white; /* height: 770px; */}ul li{margin-bottom: 5px;}.flex-list{display: flex; flex-wrap: wrap;}.flex-list li{flex: auto; width: 50%;}.img{margin: 0 auto; width: 100%;}.headline{margin-top: -18px; margin-bottom: 0px; font-size: 1.5rem; font-weight: 400;}.content{overflow: hidden;}/* main themes content */.theme-dark{background-color: #000; margin: 0 auto;}.theme-light{background-color: #fbfbfd; margin: 0 auto; color: #1D1D1F;}.container-main{width: 98%; height: 100%;}ul li img{width: 100%;}.cta-links a{font-size: 23px; margin-right: 20px; text-decoration: none; color: #2997FF; font-weight: normal;}.cta-links a:hover{text-decoration: underline;}/* hover zoom products animation */.unit-image figure img{transition: transform .2s;}.unit-image figure img:hover{transform: scale(1.05);}.apple-watch-logo{width: 25%;}/* main *//* css untuk footer *//* half section title */.title-section{padding-top: 19px; padding-bottom: 20px; font-size: 4rem; background: -webkit-linear-gradient(180deg, rgba(255, 0, 0, 1) 8%, rgba(230, 0, 255, 1) 54%, rgba(0, 181, 255, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}/* ends *//* tablet size viewport */@media (max-width: 1280px){.flex-list{flex-wrap: wrap;}.flex-list li{width: 50%; height: 400px;}.foot-notes{height: 500px;}footer{height: 1100px;}.fa-searchs{visibility: visible;}.search{visibility: hidden; position: absolute;}.iphone-12 .title{padding-top: 0;}.image-container .iphone-12{height: 640px;}.iphone-12 .title p{font-size: 20px;}.iphone-12-pro .title h1{font-size: 60px;}.iphone-12-pro .title p{font-size: 26px;}.image-container .iphone-12-pro{height: 600px; padding-top: 1px;}.title .hello{margin-top: 6px; font-size: 60px;}.title .A{font-size: 23px; margin-top: 0px;}.image-container .fitness{height: 400px;}.title-section{font-size: 2rem;}#pamphlet{width: 50%;}ul li img{width: 55%;}#idcard{width: 60%;}#hording{width: 60%;}#backlit{width: 80%;}}/* smartphone/handphone */@media (max-width: 670px){.flex-list{flex-direction: column;}.flex-list li, .img-container{margin: 0 auto; width: 100%; height: 400px;}.container-main{width: 100%;}.hp-viewport-hide{visibility: hidden;}.menu-logo{visibility: visible;}.hp-viewport{position: absolute;}.header-shoping{right: 10px;}.apple-header{margin: 0 auto;}.menu-logo{top: 18px; left: 30px;}.footer-container, .footer-list-container{width: 100%;}footer{height: 800px;}.foot-notes{height: 0;}.foot-notes ul li{margin-bottom: 100px; display: none;}.iphone-12 .title{padding-top: 0;}.image-container .iphone-12{height: 320px;}.iphone-12 .title p{font-size: 20px;}.iphone-12-pro .title h1{font-size: 60px;}.iphone-12-pro .title p{font-size: 26px;}.image-container .iphone-12-pro{height: 450px; padding-top: 1px;}.title .hello{margin-top: 6px; font-size: 70px;}.title .A{font-size: 23px; margin-top: -40px;}.image-container .fitness{height: 190px;}}@media (max-width: 450px){.iphone-12 .title h1{font-size: 30px;}.iphone-12 .title{padding-top: 0;}.image-container .iphone-12{height: 230px;}.iphone-12 .title p{font-size: 10px;}.iphone-12-pro .title h1{font-size: 35px;}.iphone-12-pro .title p{font-size: 15px;}.image-container .iphone-12-pro{height: 315px; padding-top: 1px;}.title .hello{margin-top: 6px; font-size: 45px;}.title .A{font-size: 15px; margin-top: 0px;}.image-container .fitness{height: 135px;}#pamphlet{width: 75%;}ul li img{width: 90%;}#idcard{width: 100%;}#hording{width: 90%;}#backlit{width: 100%;}}