body {
  margin: 0;
  line-height: normal;
}
.rectangle-div {
  position: absolute;
  top: 3400;
  left: 0;
  background-color: var(--color-indigo-100);
  width: 1445px;
  height: 218px;
}
.head-office-span {
  font-weight: 500;
}
.head-office-p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.head-office-jl-lesti-no42-r {
  position: absolute;
  top: 79.09px;
  left: 64.22px;
  display: inline-block;
  width: 299.03px;
  height: 124.14px;
}
.jakarta-pusat {
  margin: 0;
}
.branch-office-jl-balikpapan-r {
  position: absolute;
  top: 78.09px;
  left: 391.35px;
  display: inline-block;
  width: 299.03px;
  height: 124.14px;
}
.about-us-div,
.our-locations-div,
.our-work-div,
.what-we-do {
  position: absolute;
  top: 75.09px;
  left: 665.3px;
  display: inline-block;
  width: 77.27px;
  height: 25.03px;
}
.our-locations-div,
.our-work-div,
.what-we-do {
  top: 104.12px;
  width: 105.36px;
}
.our-locations-div,
.our-work-div {
  top: 130.15px;
  left: 664.3px;
  width: 117.41px;
}
.our-work-div {
  top: 75.09px;
  left: 838.9px;
  width: 78.27px;
}
.anything-about-ooh,
.matchadonline-div,
.our-client-div {
  position: absolute;
  top: 99.11px;
  left: 839.91px;
  display: inline-block;
  width: 84.29px;
  height: 26.03px;
}
.anything-about-ooh,
.matchadonline-div {
  top: 124.14px;
  width: 173.6px;
  height: 25.03px;
}
.matchadonline-div {
  left: 1091.78px;
  width: 128.44px;
}
.whatups-icon {
  height: 5.51%;
  width: 1.1%;
  top: 32.65%;
  right: 24.99%;
  bottom: 61.83%;
  left: 73.91%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.div,
.mail-icon,
.whatups-icon {
  position: absolute;
}
.div {
  top: 98.11px;
  left: 1091.78px;
  display: inline-block;
  width: 226.78px;
  height: 41.05px;
}
.mail-icon {
  top: 153.68px;
  left: 1068.2px;
  border-radius: var(--br-xs);
  width: 16.05px;
  height: 12.01px;
}
.div1,
.marketingmatch-advertisingco-div {
  position: absolute;
  top: 145.17px;
  left: 1091.78px;
  display: inline-block;
  width: 305.06px;
  height: 25.03px;
}
.div1 {
  top: 75.09px;
  width: 117.41px;
  height: 16.02px;
}
.phone-icon {
  position: absolute;
  top: 76.09px;
  left: 1062.68px;
  width: 26.09px;
  height: 26.03px;
  overflow: hidden;
}
.rectangle-div1 {
  position: absolute;
  top: 216.25px;
  left: 0;
  background-color: var(--color-indigo-200);
  width: 1445px;
  height: 96.11px;
}
.copyright-div,
.div2,
.l-div {
  position: absolute;
  top: 279.32px;
  left: 617.14px;
  font-size: var(--font-size-lg);
  text-align: justify;
  display: flex;
  align-items: flex-end;
  width: 51.18px;
  height: 32.04px;
}
.copyright-div,
.l-div {
  left: 460.59px;
  width: 118.41px;
}
.l-div {
  left: 675.34px;
  width: 5.02px;
}
.copyright-symbol-2-icon {
  position: absolute;
  top: 287.33px;
  left: 584.02px;
  width: 28.1px;
  height: 15.02px;
  object-fit: cover;
}
.pt-multi-artistikacithra {
  position: absolute;
  top: 279.32px;
  left: 689.39px;
  font-size: var(--font-size-lg);
  text-align: justify;
  display: flex;
  align-items: flex-end;
  width: 268.93px;
  height: 32.04px;
}
.logo-match-glow-web-2 {
  position: absolute;
  top: 226.26px;
  left: 652.26px;
  width: 136.47px;
  height: 41.05px;
  object-fit: cover;
}
.instagram-icon {
  position: absolute;
  height: 10.22%;
  width: 2.05%;
  top: 38.74%;
  right: 24.45%;
  bottom: 51.04%;
  left: 73.49%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-div {
  position: absolute;
  top: 2439px;
  left: -4px;
  width: 1445px;
  height: 312.36px;
  font-family: var(--font-poppins);
}
.rectangle-div2 {
  position: absolute;
  top: 2344px;
  left: 594px;
  border-radius: var(--br-md);
  background-color: var(--color-indigo-100);
  border: 1px solid var(--color-indigo-100);
  box-sizing: border-box;
  width: 196px;
  height: 60px;
}
.load-more-div {
  position: absolute;
  top: 2359px;
  left: 625px;
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-family: var(--font-inter);
  text-align: justify;
  display: inline-block;
}

.agus-salim-batu{
  position: absolute;
  top: 2250px;
  left: 940px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.batu-malam-1{
  width: 579px;
}
.wrapper-batu{
  position: absolute;
  top: 1832px;
  left: 722px;
  width: 579px;
  height: 455px;
  overflow: hidden;
}
.wrapper-batu > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-batu > .content {
  position: absolute;
  inset: 0;
}
.wrapper-batu > img,
.wrapper-batu > .content{
  transition: 200ms ease-in-out;
}
.wrapper-batu > .content.batu{
  transform: translateY(100%);
}
.wrapper-batu:hover > .content.batu{
  transform: translateY(0);
}

.tlogomas-malang{
  position: absolute;
  top: 2250px;
  left: 340px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-tlogomas{
  position: absolute;
  top: 1832px;
  left: 140px;
  width: 560px;
  height: 455px;
  overflow: hidden;
}
.wrapper-tlogomas > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-tlogomas > .content {
  position: absolute;
  inset: 0;
}
.wrapper-tlogomas > img,
.wrapper-tlogomas > .content{
  transition: 200ms ease-in-out;
}
.wrapper-tlogomas > .content.tlogomas{
  transform: translateY(100%);
}
.wrapper-tlogomas:hover > .content.tlogomas{
  transform: translateY(0);
}

.soekarno-hatta-pasuruan{
  position: absolute;
  top: 1770px;
  left: 1010px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-pasuruan{
  position: absolute;
  top: 1480px;
  left: 936px;
  width: 365px;
  height: 323px;
  overflow: hidden;
}
.wrapper-pasuruan > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-pasuruan > .content {
  position: absolute;
  inset: 0;
}
.wrapper-pasuruan > img,
.wrapper-pasuruan > .content{
  transition: 200ms ease-in-out;
}
.wrapper-pasuruan > .content.pasuruan{
  transform: translateY(100%);
}
.wrapper-pasuruan:hover > .content.pasuruan{
  transform: translateY(0);
}

.perak-surabaya{
  position: absolute;
  top: 1770px;
  left: 640px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.perak-barat-malam-1{
  width: 350px;
}
.wrapper-perak-barat{
  position: absolute;
  top: 1480px;
  left: 561px;
  width: 350px;
  height: 323px;
  overflow: hidden;
}
.wrapper-perak-barat > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-perak-barat > .content {
  position: absolute;
  inset: 0;
}
.wrapper-perak-barat > img,
.wrapper-perak-barat > .content{
  transition: 200ms ease-in-out;
}
.wrapper-perak-barat > .content.perak-barat{
  transform: translateY(100%);
}
.wrapper-perak-barat:hover > .content.perak-barat{
  transform: translateY(0);
}

.mayjen-surabaya{
  position: absolute;
  top: 1770px;
  left: 220px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-mayjen{
  position: absolute;
  top: 1480px;
  left: 140px;
  width: 394px;
  height: 323px;
  overflow: hidden;
}
.wrapper-mayjen > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-mayjen > .content {
  position: absolute;
  inset: 0;
}
.wrapper-mayjen > img,
.wrapper-mayjen > .content{
  transition: 200ms ease-in-out;
}
.wrapper-mayjen > .content.mayjen{
  transform: translateY(100%);
}
.wrapper-mayjen:hover > .content.mayjen{
  transform: translateY(0);
}

.pahlawan-surabaya{
  position: absolute;
  top: 1430px;
  left: 923px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.pahlawan-malam-1{
  width: 579px;
}
.wrapper-pahlawan{
  position: absolute;
  top: 1017px;
  left: 725px;
  width: 579px;
  height: 440px;
  overflow: hidden;
}
.wrapper-pahlawan > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-pahlawan > .content {
  position: absolute;
  inset: 0;
}
.wrapper-pahlawan > img,
.wrapper-pahlawan > .content{
  transition: 200ms ease-in-out;
}
.wrapper-pahlawan > .content.pahlawan{
  transform: translateY(100%);
}
.wrapper-pahlawan:hover > .content.pahlawan{
  transform: translateY(0);
}

.kyai-tamin-malang{
  position: absolute;
  top: 1430px;
  left: 323px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.kyai-tamin-a-malam-1{
  width : 559px;
}
.wrapper-kyai-tamin{
  position: absolute;
  top: 1017px;
  left: 140px;
  width: 559px;
  height: 440px;
  overflow: hidden;
}
.wrapper-kyai-tamin > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-kyai-tamin > .content {
  position: absolute;
  inset: 0;
}
.wrapper-kyai-tamin > img,
.wrapper-kyai-tamin > .content{
  transition: 200ms ease-in-out;
}
.wrapper-kyai-tamin > .content.kyai-tamin{
  transform: translateY(100%);
}
.wrapper-kyai-tamin:hover > .content.kyai-tamin{
  transform: translateY(0);
}

.hr-malam-1{
  width: 365px;
}

.hr-muhammad-surabaya{
  position: absolute;
  top: 971px;
  left: 1003px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-hr-muhammad{
  position: absolute;
  top: 651px;
  left: 939px;
  width: 365px;
  height: 346px;
  overflow: hidden;
}
.wrapper-hr-muhammad > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-hr-muhammad > .content {
  position: absolute;
  inset: 0;
}
.wrapper-hr-muhammad > img,
.wrapper-hr-muhammad > .content{
  transition: 200ms ease-in-out;
}
.wrapper-hr-muhammad > .content.hr-muhammad{
  transform: translateY(100%);
}
.wrapper-hr-muhammad:hover > .content.hr-muhammad{
  transform: translateY(0);
}

.duduk-sampeyan-gresik{
  position: absolute;
  top: 971px;
  left: 623px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-duduk-sampeyan{
  position: absolute;
  top: 651px;
  left: 559px;
  width: 350px;
  height: 346px;
  overflow: hidden;
}
.wrapper-duduk-sampeyan > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-duduk-sampeyan > .content {
  position: absolute;
  inset: 0;
}
.wrapper-duduk-sampeyan > img,
.wrapper-duduk-sampeyan > .content{
  transition: 200ms ease-in-out;
}
.wrapper-duduk-sampeyan > .content.duduk-sampeyan{
  transform: translateY(100%);
}
.wrapper-duduk-sampeyan:hover > .content.duduk-sampeyan{
  transform: translateY(0);
}

.Soekarno-Hatta-5x10-Malang{
  position: absolute;
  top: 971px;
  left: 233px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-soekarno-hatta{
  position: absolute;
  top: 651px;
  left: 139px;
  width: 395px;
  height: 346px;
  overflow: hidden;
}
.wrapper-soekarno-hatta > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-soekarno-hatta > .content {
  position: absolute;
  inset: 0;
}
.wrapper-soekarno-hatta > img,
.wrapper-soekarno-hatta > .content{
  transition: 200ms ease-in-out;
}
.wrapper-soekarno-hatta > .content.soekarno-hatta{
  transform: translateY(100%);
}
.wrapper-soekarno-hatta:hover > .content.soekarno-hatta{
  transform: translateY(0);
}

.Aditya47{
  position: absolute;
  top: 601px;
  left: 303px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.adityawarman-siang-1,
.embong-malang-siang-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 579px;
  height: 429px;
  object-fit: cover;
}
.adityawarman-siang-1 {
  left: 0px;
}
.adityawarman-malam-1,
.embong-malang-malam-2{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 579px;
  height: 429px;
  object-fit: cover;
}
.adityawarman-malam-1{
  left: 0px;
}
.wrapper-adityawarman{
  position: absolute;
  top: 203px;
  left: 140px;
  width: 559px;
  height: 429px;
  overflow: hidden;
}
.wrapper-adityawarman > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-adityawarman > .content {
  position: absolute;
  inset: 0;
}
.wrapper-adityawarman > img,
.wrapper-adityawarman > .content{
  transition: 200ms ease-in-out;
}
.wrapper-adityawarman > .content.adityawarman{
  transform: translateY(100%);
}
.wrapper-adityawarman:hover > .content.adityawarman{
  transform: translateY(0);
}
.adityawarman-malam-1{
  pointer-events: auto;
}

.sulawesi-surabaya{
  position: absolute;
  top: 601px;
  left: 915px;
  display: inline-block;
  width: 340px;
  height: 27px;
}
.wrapper-embong-malang{
  position: absolute;
  top: 203px;
  left: 725px;
  width: 579px;
  height: 429px;
  overflow: hidden;
}
.wrapper-embong-malang > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-embong-malang > .content {
  position: absolute;
  inset: 0;
}
.wrapper-embong-malang > img,
.wrapper-embong-malang > .content{
  transition: 200ms ease-in-out;
}
.wrapper-embong-malang > .content.embong-malang{
  transform: translateY(100%);
}
.wrapper-embong-malang:hover > .content.embong-malang{
  transform: translateY(0);
}
.our-work-div1 {
  position: absolute;
  top: 103px;
  left: 522px;
  font-size: var(--font-size-6xl);
  font-weight: 600;
  color: var(--color-gray-400);
  display: inline-block;
}
.rectangle-div3 {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--color-indigo-100);
  width: 1440px;
  height: 76px;
}
.logo-match-glow-web-1 {
  position: fixed;
  z-index: 3;
  top: 10;
  left: calc(50% - 148.5px);
  width: 223px;
  height: 66px;
  object-fit: cover;
}
.div3,
.div4 {
  position: absolute;
  top: 2px;
  left: 51px;
  display: inline-block;
  width: 214px;
  height: 39px;
}
.div4 {
  top: 35px;
}
.group-icon {
  position: fixed;
  z-index: 2;
  top: 45px;
  left: calc(50% + 450px);
  width: 39.3px;
  height: 30.45px;
}
.iconwhatsapp {
  position: fixed;
  z-index: 5;
  top: 10;
  left: calc(50% + 450px);
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.group-div1 {
  position: fixed;
  z-index: 6;
  top: 8px;
  left: 1140px;
  width: 265px;
  height: 74px;
  font-size: var(--font-size-2xl);
}
.menu-icon {
  position: fixed;
  z-index: 7;
  pointer-events:auto;
  top: 1px;
  left: 32px;
  width: 80px;
  height: 80px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: var(--color-indigo-100);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.desktop-12 {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 2753px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-family: var(--font-montserrat);
}