*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
$openSans: 'Open Sans', Helvetica, Arial, sans-serif;

body {
  margin: 0;
  line-height: normal;
}
.rectangle-div201,
.rectangle-div202 {
  position: absolute;
  top: 758px;
  left: 0;
  background-color: var(--color-white);
  width: 1363px;
  height: 741px;
}
.rectangle-div202 {
  position: fixed;
  z-index: 16;
  top: 0;
  height: 80px;
  left: 0px;
}
.dsc-0434-1-icon,
.fssfs-1-icon {
  position: absolute;
  height: 730px;
}
.fssfs-1-icon {
  z-index: 1;
  top: 80px;
  left: 0;
  width: 1363px;
  opacity: 40%;
  object-fit: cover;
}
.dsc-0434-1-icon {
  top: 81px;
  left: 0;
  width: 1359px;
}
.welcome-to-div {
  position:absolute;
  z-index: 2;
  top: 0;
  left: 0;
  font-weight: 600;
  display: inline-block;
  width: 253.72px;
  height: 42.29px;
  
}
.all-we-want-is-your-smile-for {
  position: absolute;
  z-index: 2;
  top: 162.63px;
  left: 0;
  font-size: var(--font-size-lg);
  display: inline-block;
  width: 650.48px;
  height: 29.85px;
}
.advertising-div,
.match-div {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: 0;
  font-size: 96px;
  font-weight: 800;
  display: inline-block;
  width: 440px;
  height: 132px;
}
.advertising-div {
  top: 107.3px;
  font-size: 51px;
  width: 522.37px;
  height: 74.62px;
}
.group-div34 {
  position: absolute;
  top: 328px;
  left: 65px;
  width: 650.48px;
  height: 212.48px;
  text-align: left;
  font-size: var(--font-size-2xl);
  font-family: var(--font-montserrat);
}
.menu-icon11 {
  position: fixed;
  z-index: 17;
  pointer-events:auto;
  top: 4px;
  left: 18px;
  width: 80px;
  height: 80px;
}

.ChatMe{
  position: fixed;
  z-index: 6;
  pointer-events:auto;
  top: 480px;
  left: 18px;
  width: 220px;
  height: 100px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 200;
  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;}
}

.logo-match-glow-web-111 {
  position: fixed;
  z-index: 16;
  top: 0;
  left: 500px;
  width: 223px;
  height: 66px;
  object-fit: cover;
}
.div73,
.div74 {
  position: absolute;
  top: 2px;
  left: 51px;
  display: inline-block;
  width: 214px;
  height: 39px;
}
.div74 {
  top: 35px;
}
.group-icon11 {
  position: absolute;
  top: 36.7px;
  left: calc(50% - 130.13px);
  width: 39.3px;
  height: 30.45px;
}
.iconwhatsapp11 {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.group-div35 {
  position: fixed;
  z-index: 16;
  top: 6px;
  left: 1076px;
  width: 265px;
  height: 74px;
  text-align: left;
  font-size: var(--font-size-2xl);
  color: var(--color-indigo-100);
  font-family: var(--font-montserrat);
}
.ellipse-icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 98px;
  height: 98px;
  cursor: pointer;
}
.get-to-p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.know-us-p {
  margin: 0;
}
.get-to-know-us {
  position: absolute;
  top: 53px;
  left: 7px;
  display: inline-block;
  width: 82px;
  height: 39px;
}
.ellipse-icon1 {
  position: absolute;
  top: 0;
  left: 123px;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.what-we-do11 {
  position: absolute;
  top: 58px;
  left: 131px;
  font-size: var(--font-size-xs);
  display: inline-block;
  width: 84px;
  height: 40px;
}
.pngwing-4-icon {
  position: absolute;
  top: 8px;
  left: 143px;
  width: 60px;
  height: 53px;
  object-fit: cover;
}
.ellipse-icon2 {
  position: absolute;
  top: 0;
  left: 246px;
  width: 98px;
  height: 98px;
  cursor: pointer;
}
.our-location-b {
  position: absolute;
  top: 54px;
  left: 255px;
  display: inline-block;
  width: 81px;
  height: 39px;
}
.pngwing-2-icon {
  position: absolute;
  top: 13px;
  left: 280px;
  width: 30px;
  height: 36px;
  object-fit: cover;
}
.ellipse-icon3,
.our-work-b {
  position: absolute;
  top: 2px;
  left: 377px;
  width: 98px;
  height: 98px;
}
.our-work-b {
  top: 57px;
  left: 384px;
  font-size: var(--font-size-xs);
  display: inline-block;
  width: 84px;
  height: 38px;
}
.pngwing-1-icon {
  position: absolute;
  top: 15px;
  left: 406px;
  width: 40px;
  height: 39px;
  object-fit: cover;
}
.ellipse-icon4 {
  position: absolute;
  top: 4px;
  left: 506px;
  width: 96px;
  height: 96px;
  cursor: pointer;
}
.our-client-b {
  position: absolute;
  top: 57px;
  left: 513px;
  font-size: var(--font-size-xs);
  display: inline-block;
  width: 81px;
  height: 38px;
}
.ellipse-icon5,
.vector-icon {
  position: absolute;
  top: 17px;
  left: 539px;
  width: 30px;
  height: 33px;
}
.ellipse-icon5 {
  top: 3px;
  left: 626px;
  width: 97px;
  height: 97px;
  cursor: pointer;
}
.anything-about-ooh12 {
  position: absolute;
  top: 56px;
  left: 640px;
  font-size: var(--font-size-3xs);
  display: inline-block;
  width: 70px;
  height: 33px;
}
.pngwing-3-icon {
  position: absolute;
  top: 15px;
  left: 658px;
  width: 33px;
  height: 38px;
  object-fit: cover;
}
.ellipse-icon6 {
  position: absolute;
  top: 2px;
  left: 747px;
  width: 98px;
  height: 98px;
  cursor: pointer;
}
.contact-us-b {
  position: absolute;
  top: 57px;
  left: 755px;
  display: inline-block;
  width: 82px;
  height: 39px;
}
.group-icon12,
.menu-bulat-div {
  position: absolute;
  top: 14.95px;
  left: 786.84px;
  width: 43.32px;
  height: 18px;
}
.menu-bulat-div {
  top: 664px;
  left: 261px;
  width: 845px;
  height: 100px;
  display: none;
  text-align: center;
  font-size: var(--font-size-2xs);
  font-family: var(--font-montserrat);
}
.vector-icon1 {
  position: absolute;
  z-index: 15;
  height: 30.66%;
  width: 6.47%;
  top: 9.33%;
  right: 91.74%;
  bottom: 60.01%;
  left: 1.8%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.get-to-know-us1,
.what-we-do12 {
  position: absolute;
  top: 45px;
  left: 0;
  display: inline-block;
  width: 82px;
  height: 39px;
}
.get-to-know-us1{
  z-index: 15;
}
.rectangle-div203:hover {
  background-color: var(--color-indigo-100);;
}
.what-we-do12 {
  z-index: 14;
  top: 50px;
  left: 126px;
  font-size: var(--font-size-xs);
  width: 84px;
  height: 40px;
}
.pngwing-4-icon1 {
  position: absolute;
  z-index: 14;
  top: 5px;
  left: 138px;
  width: 54px;
  height: 48px;
  object-fit: cover;
}
.our-location-b1 {
  position: absolute;
  z-index: 12;
  top: 46px;
  left: 251px;
  display: inline-block;
  width: 81px;
  height: 39px;
}
.pngwing-2-icon1 {
  position: absolute;
  z-index: 12;
  top: 5px;
  left: 276px;
  width: 30px;
  height: 36px;
  object-fit: cover;
}
.our-work-b1 {
  position: absolute;
  z-index: 11;
  top: 49px;
  left: 379px;
  font-size: var(--font-size-xs);
  display: inline-block;
  width: 84px;
  height: 38px;
}
.pngwing-1-icon1 {
  position: absolute;
  z-index: 11;
  top: 7px;
  left: 401px;
  width: 40px;
  height: 39px;
  object-fit: cover;
}
.our-client-b1 {
  position: absolute;
  z-index: 10;
  top: 49px;
  left: 508px;
  font-size: var(--font-size-xs);
  display: inline-block;
  width: 81px;
  height: 38px;
}
.anything-about-ooh13,
.vector-icon2 {
  position: absolute;
  top: 9px;
  left: 534px;
  width: 30px;
  height: 33px;
}
.vector-icon2{
  z-index: 10;
}
.anything-about-ooh13 {
  z-index: 8;
  top: 50px;
  left: 635px;
  font-size: 10px;
  display: inline-block;
  width: 70px;
}
.pngwing-3-icon1 {
  position: absolute;
  z-index: 8;
  top: 8px;
  left: 653px;
  width: 33px;
  height: 38px;
  object-fit: cover;
}
.contact-us-b1 {
  position: absolute;
  z-index: 7;
  top: 49px;
  left: 750px;
  display: inline-block;
  width: 82px;
  height: 39px;
}
.rectangle-div203 {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 750px;
  border-radius: var(--br-md);
  background-color: var(--color-gray-500);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 85px;
  height: 85px;
  cursor: pointer;
}
.rectangle-div203:hover {
  background-color: var(--color-indigo-100);;
}
.rectangle-div204 {
  z-index: 2;
  left: 627px;
  cursor: pointer;
}
.rectangle-div204:hover {
  background-color: var(--color-indigo-100);
}

.rectangle-div204,
.rectangle-div205,
.rectangle-div206,
.rectangle-div207,
.rectangle-div208,
.rectangle-div209 {
  position: absolute;
  top: 0;
  border-radius: var(--br-md);
  background-color: var(--color-gray-500);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 85px;
  height: 85px;
}
.rectangle-div205 {
  z-index: 2;
  left: 508px;
  cursor: pointer;
}
.rectangle-div205:hover {
  background-color: var(--color-indigo-100);
}

.rectangle-div206,
.rectangle-div207,
.rectangle-div208,
.rectangle-div209 {
  left: 380px;
}
.rectangle-div203:hover {
  background-color: var(--color-indigo-100);;
}

.rectangle-div206{
  z-index: 2;
}
.rectangle-div206:hover {
  background-color: var(--color-indigo-100);
}

.rectangle-div207,
.rectangle-div208,
.rectangle-div209 {
  left: 249px;
  cursor: pointer;
}

.rectangle-div207{
  z-index: 2;
}
.rectangle-div207:hover {
  background-color: var(--color-indigo-100);
}

.rectangle-div208,
.rectangle-div209 {
  left: 124px;
}

.rectangle-div208{
  z-index: 2;
}
.rectangle-div208:hover {
  background-color: var(--color-indigo-100);
}

.rectangle-div209 {
  z-index: 2;
  left: 0;
}
.rectangle-div209:hover {
  background-color: var(--color-indigo-100);;
}

.group-icon13,
.menu-kotak-div {
  position: absolute;
  top: 6.95px;
  left: 768.03px;
  width: 43.45px;
  height: 43.15px;
}
.group-icon13{
  z-index: 7;
}
.menu-kotak-div {
  height: 1.61%;
  width: 61.04%;
  top: 12.02%;
  right: 19.52%;
  bottom: 86.37%;
  left: 19.44%;
  text-align: center;
  font-size: var(--font-size-2xs);
  font-family: var(--font-montserrat);
}
.rectangle-div210 {
  position: absolute;
  top: 811px;
  left: 0;
  background-color: var(--color-white);
  width: 1363px;
  height: 717px;
}
.rectangle-div211 {
  position: absolute;
  top: 993px;
  left: 567px;
  background-color: var(--color-indigo-100);
  width: 630px;
  height: 78px;
}
.get-to-know-us2 {
  position: absolute;
  top: 990px;
  left: 597px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  text-align: left;
  display: inline-block;
}
.aboutus2-1-icon {
  position: absolute;
  top: 990px;
  left: 157px;
  width: 374px;
  height: 360px;
  object-fit: cover;
}
.atau-span {
  font-weight: 300;
}
.match-ad-span {
  font-weight: 600;
}
.pt-multi-artistikacithra-container {
  line-break: anywhere;
  width: 100%;
}
.pt-multi-artistikacithra-adve {
  position: absolute;
  top: 1044px;
  left: 567px;
  color: var(--color-black);
  display: flex;
  align-items: flex-end;
  width: 630px;
  height: 180px;
  font-family: var(--font-montserrat);
}
.line{
  position: absolute;
  top: 1528px;
  left: 0;
  background-color: var(--color-black);
  width: 1363px;
  height: 0.2px;
}
.rectangle-div212,
.rectangle-div213 {
  position: absolute;
  top: 1450px;
  left: 0;
  background-color: var(--color-white);
  width: 1363px;
  height: 818px;
}
.rectangle-div213 {
  top: 1528px;
  left: 365px;
  background-color: var(--color-red);
  width: 480px;
  height: 93px;
}
.what-we-do13 {
  position: absolute;
  top: calc(50% - 1260px);
  left: 395px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  display: inline-block;
}
.img-20220622-1156096-1-icon {
  position: absolute;
  top: 1741px;
  left: 100px;
  border-radius: var(--br-sm);
  width: 215px;
  height: 200px;
  object-fit: cover;
}
.rectangle-div214 {
  position: absolute;
  top: 1922px;
  left: 100px;
  background-color: var(--color-indigo-100);
  box-shadow: 0 7px 4px rgba(0, 0, 0, 0.25);
  width: 192px;
  height: 44px;
  display: none;
}
.billboard-advertising-is-effec,
.billboard-div {
  position: absolute;
  display: flex;
  align-items: flex-end;
}
.billboard-advertising-is-effec {
  top: 1984px;
  left: 94px;
  font-size: var(--font-size-xs);
  color: var(--color-gray-800);
  text-align: center;
  justify-content: center;
  width: 210px;
  height: 116px;
}
.billboard-div {
  top: 1949px;
  left: 133px;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-indigo-100);
  width: 133px;
  height: 25px;
}
.icon {
  position: absolute;
  top: 1741px;
  left: 335px;
  border-radius: var(--br-sm);
  width: 214px;
  height: 196px;
  object-fit: cover;
}
.neon-box-div,
.neon-box-is-an-effective-promo {
  position: absolute;
  display: flex;
  align-items: flex-end;
}
.neon-box-is-an-effective-promo {
  top: 1989px;
  left: 343px;
  font-size: var(--font-size-xs);
  color: var(--color-gray-800);
  text-align: center;
  justify-content: center;
  width: 210px;
  height: 111px;
}
.neon-box-div {
  top: 1950px;
  left: 387px;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-indigo-100);
  width: 126px;
  height: 24px;
}
.closeup-accountant-hands-count-icon {
  position: absolute;
  top: 1740px;
  left: 578px;
  border-radius: var(--br-md);
  width: 210px;
  height: 187px;
  object-fit: cover;
}
.midi-board-div,
.midi-board-signs-can-be-placed,
.pengurusan-pajak-div,
.pennant-strings-add-to-the-wow,
.umbul-umbul,
.we-provide-tax-and-permit-serv {
  position: absolute;
  top: 1989px;
  left: 578px;
  font-size: var(--font-size-xs);
  color: var(--color-gray-800);
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 210px;
  height: 124px;
}
.midi-board-div,
.midi-board-signs-can-be-placed,
.pengurusan-pajak-div,
.pennant-strings-add-to-the-wow,
.umbul-umbul {
  top: 1990px;
  left: 820px;
}
.midi-board-signs-can-be-placed{
  top: 2005px;
}
.midi-board-div,
.pengurusan-pajak-div,
.pennant-strings-add-to-the-wow,
.umbul-umbul {
  left: 1057px;
}
.midi-board-div,
.pengurusan-pajak-div,
.umbul-umbul {
  top: 1948px;
  left: 569px;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-indigo-100);
  width: 231px;
  height: 26px;
}
.midi-board-div,
.umbul-umbul {
  top: 1947px;
  left: 808px;
}
.umbul-umbul {
  top: 1948px;
  left: 1039px;
}
.dijcsi2x4aadv-w-1-icon {
  position: absolute;
  top: 1743px;
  left: 820px;
  border-radius: var(--br-md);
  width: 209px;
  height: 186px;
  object-fit: cover;
}
.rectangle-div215,
.rectangle-div216,
.rectangle-div217 {
  position: absolute;
  top: 2376px;
  left: 0;
  background-color: var(--color-white);
  width: 1363px;
  height: 684px;
}
.rectangle-div216,
.rectangle-div217 {
  top: 2253px;
  background-color: var(--color-indigo-100);
  height: 777px;
}
.rectangle-div217 {
  top: 3009px;
  background-color: var(--color-white);
}
.our-location-div {
  position: absolute;
  top: 2336px;
  left: 436px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  display: inline-block;
}
.monas-jakarta1-1-icon {
  
}
.wrapper-jakarta{
  position: absolute;
  top: 2526px;
  left: 66px;
  width: 276px;
  height: 283px;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-jakarta > img {
  display: block;
  width: 276px;
  height: 283px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-jakarta:hover > .monas-jakarta1-1-icon{
  transform: scale(1.5,1.5);
}

.wrapper-surabaya{
  position: absolute;
  top: 2526px;
  left: 386px;
  width: 276px;
  height: 283px;
  object-fit: cover;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-surabaya > img {
  display: block;
  width: 276px;
  height: 283px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-surabaya:hover > .anda-di-surabaya-inilah-pentin-icon{
  transform: scale(1.5,1.5);
}

.wrapper-malang{
  position: absolute;
  top: 2526px;
  left: 704px;
  width: 278px;
  height: 283px;
  object-fit: cover;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-malang > img {
  display: block;
  width: 276px;
  height: 283px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-malang:hover > .alun-alun-tugu-malang-681x456-icon{
  transform: scale(1.5,1.5);
}

.piaynemo-west-papua-1-icon {
  left: 704px;
  width: 278px;
}
.piaynemo-west-papua-1-icon {
  top: 2528px;
  left: 1020px;
  width: 279px;
}

.wrapper-all_location{
  position: absolute;
  top: 2528px;
  left: 1020px;
  width: 279px;
  height: 283px;
  object-fit: cover;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-all_location > img {
  display: block;
  width: 279px;
  height: 283px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-all_location:hover > .piaynemo-west-papua-1-icon{
  transform: scale(1.5,1.5);
}

.jakarta-div,
.surabaya-div1 {
  display: flex;
  align-items: flex-end;
  height: 39px;
  text-shadow: 0 20px 4px rgba(0, 0, 0, 0.25);
}
.jakarta-div {
  position: absolute;
  top: 2751px;
  left: 113px;
  font-size: var(--font-size-4xl);
  font-weight: 500;
  width: 182px;
}
.surabaya-div1 {
  left: 436px;
  width: 179px;
}
.all-location-div3,
.malang-div1,
.surabaya-div1 {
  position: absolute;
  top: 2751px;
  font-size: var(--font-size-4xl);
  font-weight: 500;
}
.malang-div1 {
  left: 771px;
  display: flex;
  align-items: flex-end;
  width: 148px;
  height: 39px;
  text-shadow: 0 20px 4px rgba(0, 0, 0, 0.25);
}
.all-location-div3 {
  left: 1045px;
  display: inline-block;
}
.rectangle-div218 {
  position: absolute;
  top: 2896px;
  left: 497px;
  width: 371px;
  height: 74px;
  cursor: pointer;
}
.rectangle-div218:hover {
  
}
.our-previous-work {
  position: absolute;
  top: -45px;
  left: 45px;
  font-size: var(--font-size-3xl);
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}
.ourprevious:hover {
  color: var(--color-indigo-100);
  background-color: #f1f1f1;
}
.rectangle-div219 {
  position: absolute;
  top: 3090px;
  left: 0;
  background-color: var(--color-red);
  width: 409px;
  height: 79px;
}
.our-client-div11 {
  position: absolute;
  top: 3090px;
  left: 3px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  display: inline-block;
}
.bca-1-icon,
.rectangle-icon {
  position: absolute;
  top: 3289px;
  left: 439px;
  width: 152px;
  height: 132px;
  object-fit: cover;
}
.rectangle-icon {
  top: 3331px;
  left: 275px;
  width: 141px;
  height: 48px;
}
.sampoerna-1-icon,
.samsung-1-icon,
.tokopedia-1-icon {
  position: absolute;
  top: 3289px;
  left: 610px;
  width: 160px;
  height: 119px;
  object-fit: cover;
}
.sampoerna-1-icon,
.samsung-1-icon {
  top: 3307px;
  left: 793px;
  width: 125px;
  height: 91px;
}
.sampoerna-1-icon {
  top: 3379px;
  left: 439px;
  width: 187px;
  height: 146px;
}
.gg-1-icon,
.gojek-1-icon,
.kredivo-300x300-1-icon {
  position: absolute;
  top: 3314px;
  left: 947px;
  width: 166px;
  height: 84px;
  object-fit: cover;
}
.gg-1-icon,
.gojek-1-icon {
  top: 3292px;
  left: 1127px;
  width: 183px;
  height: 125px;
}
.gg-1-icon {
  top: 3422px;
  left: 654px;
  width: 95px;
  height: 62px;
}
.carsome-1-icon,
.daikin-1-icon,
.indosat-1-icon {
  position: absolute;
  top: 3379px;
  left: 776px;
  width: 227px;
  height: 146px;
  object-fit: cover;
}
.carsome-1-icon,
.indosat-1-icon {
  top: 3398px;
  left: 1025px;
  width: 98px;
  height: 98px;
}
.indosat-1-icon {
  top: 3410px;
  left: 1165px;
  width: 145px;
  height: 74px;
}
.implora-logo-1-icon,
.konimex-1-icon {
  position: absolute;
  top: 3523px;
  left: 450px;
  width: 160px;
  height: 53px;
  object-fit: cover;
}
.konimex-1-icon {
  top: 3530px;
  left: 638px;
  width: 169px;
  height: 35px;
}
.toyota-logos-brands-logotypes-icon {
  position: absolute;
  top: 3511px;
  left: 285px;
  width: 107px;
  height: 75px;
  object-fit: cover;
}
.logo-kalbe-farma-1,
.pegadaian-new-logo-1-icon {
  position: absolute;
  top: 3400px;
  left: 70px;
  width: 150px;
  height: 95px;
  object-fit: cover;
}
.logo-kalbe-farma-1 {
  top: 3323px;
  left: 82px;
  width: 138px;
  height: 65px;
}
.indonesia-airasia-logo-1-icon,
.suzuki-png-logo-1-1-icon {
  position: absolute;
  top: 3192px;
  left: 90px;
  width: 91px;
  height: 122px;
  object-fit: cover;
}
.suzuki-png-logo-1-1-icon {
  top: 3214px;
  left: 1219px;
  height: 83px;
}
.finna-logo-1-icon,
.traveloka-logo-brandlogo-1-icon {
  position: absolute;
  top: 3236px;
  left: 226px;
  width: 175px;
  height: 52px;
  object-fit: cover;
}
.traveloka-logo-brandlogo-1-icon {
  top: 3173px;
  left: 972px;
  width: 250px;
  height: 150px;
}
.nojorono-1-icon,
.pakuwon-group-1-icon {
  position: absolute;
  top: 3214px;
  left: 437px;
  width: 177px;
  height: 78px;
  object-fit: cover;
}
.pakuwon-group-1-icon {
  top: 3200px;
  left: 621px;
  width: 218px;
  height: 99px;
}
.garuda-indonesia-1,
.mandiri-1-icon {
  position: absolute;
  top: 3187px;
  left: 838px;
  width: 125px;
  height: 125px;
  object-fit: cover;
}
.mandiri-1-icon {
  top: 3480px;
  left: 42px;
  width: 253px;
  height: 124px;
}
.djarum-1-icon,
.logo-lifebuoy-1-icon {
  position: absolute;
  top: 3507px;
  left: 835px;
  width: 143px;
  height: 93px;
  object-fit: cover;
}
.logo-lifebuoy-1-icon {
  top: 3520px;
  left: 1028px;
  width: 97px;
  height: 61px;
}
.logo-primaland-1-icon,
.tempo-scan-1-icon {
  position: absolute;
  top: 3530px;
  left: 1178px;
  width: 124px;
  height: 38px;
  object-fit: cover;
}
.tempo-scan-1-icon {
  top: 3400px;
  left: 267px;
  width: 162px;
  height: 106px;
}
.and-many-more {
  position: absolute;
  top: 3631px;
  left: 469px;
  font-size: 40px;
  color: var(--color-black);
  display: inline-block;
}
.rectangle-div220 {
  position: absolute;
  top: 3706px;
  left: 0;
  background-color: var(--color-indigo-100);
  width: 1363px;
  height: 777px;
}
.rectangle-div221 {
  position: absolute;
  top: 3800px;
  left: 306px;
  background-color: var(--color-red);
  width: 758px;
  height: 90px;
}
.anything-about-ooh14 {
  position: absolute;
  top: 3800px;
  left: 309px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  display: inline-block;
}

.kenalan-dengan-klien-match-11 {
  height: 100%;
  width: 100%;
}
.kenalan-dengan-klien-match-11 {
 
}
.wrapper-kenalan-dengan-klien-match-11{
  position: absolute;
  top: 3926px;
  border-radius: var(--br-lg);
  height: 421px;
  left: 47px;
  width: 396px;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-kenalan-dengan-klien-match-11 > img{
  display: block;
  transition: 0.7s;
  object-fit: cover;
}
.wrapper-kenalan-dengan-klien-match-11 > .content {
  position: absolute;
  inset: 0;
  top :0px;
  left: 0px;
  color: white;
  font-family: "Calibri";
  font-size: 50px;
}
.Readme3{
  position: relative;
  top :150px;
  left:100px;
}
.wrapper-kenalan-dengan-klien-match-11 > img,
.wrapper-kenalan-dengan-klien-match-11 > .content {
  transition: 200ms ease-in-out;
}
.wrapper-kenalan-dengan-klien-match-11 > .content.kenalan-dengan-klien-match {
  transform: scale(0);
}
.wrapper-kenalan-dengan-klien-match-11:hover > .content.kenalan-dengan-klien-match {
  background-color: black;
  opacity: 40%;
  transform: scale(1);
}
.wrapper-kenalan-dengan-klien-match-11:hover > .kenalan-dengan-klien-match-11 {
  transform: scale(0.9);
}

.kenapa-iklan-penting-11{
  height: 100%;
  width: 100%;
}
.wrapper-kenapa-iklan-penting-11{
  position: absolute;
  top: 3926px;
  border-radius: var(--br-lg);
  height: 421px;
  left: 484px;
  width: 395px;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-kenapa-iklan-penting-11 > img{
  display: block;
  transition: 0.7s;
  object-fit: cover;
}
.wrapper-kenapa-iklan-penting-11 > .content {
  position: absolute;
  inset: 0;
  top :0px;
  left: 0px;
  color: white;
  font-family: "Calibri";
  font-size: 50px;
}
.Readme1{
  position: relative;
  top :150px;
  left:100px;
}
.wrapper-kenapa-iklan-penting-11 > img,
.wrapper-kenapa-iklan-penting-11 > .content {
  transition: 200ms ease-in-out;
}
.wrapper-kenapa-iklan-penting-11 > .content.kenapa-iklan-penting {
  transform: scale(0);
}
.wrapper-kenapa-iklan-penting-11:hover > .content.kenapa-iklan-penting {
  background-color: black;
  opacity: 40%;
  transform: scale(1);
}
.wrapper-kenapa-iklan-penting-11:hover > .kenapa-iklan-penting-11 {
  transform: scale(0.9);
}

.bisnis-belum-dikenal-masyaraka1 {
  height: 100%;
  width: 100%;
}
.wrapper-bisnis-belum-dikenal-masyaraka1{
  position: absolute;
  top: 3926px;
  border-radius: var(--br-lg);
  height: 421px;
  left: 920px;
  width: 395px;
  cursor: pointer;
  overflow: hidden;
}
.wrapper-bisnis-belum-dikenal-masyaraka1 > img{
  display: block;
  transition: 0.7s;
  object-fit: cover;
}
.wrapper-bisnis-belum-dikenal-masyaraka1 > .content {
  position: absolute;
  inset: 0;
  top :0px;
  left: 0px;
  color: white;
  font-family: "Calibri";
  font-size: 50px;
}
.Readme2{
  position: relative;
  top :150px;
  left:100px;
}
.wrapper-bisnis-belum-dikenal-masyaraka1 > img,
.wrapper-bisnis-belum-dikenal-masyaraka1 > .content {
  transition: 200ms ease-in-out;
}
.wrapper-bisnis-belum-dikenal-masyaraka1 > .content.bisnis-belum-dikenal-masyarakat {
  transform: scale(0);
}
.wrapper-bisnis-belum-dikenal-masyaraka1:hover > .content.bisnis-belum-dikenal-masyarakat {
  background-color: black;
  opacity: 40%;
  transform: scale(1);
}
.wrapper-bisnis-belum-dikenal-masyaraka1:hover > .bisnis-belum-dikenal-masyaraka1 {
  transform: scale(0.9);
}

.rectangle-div222 {
  position: absolute;
  top: 4396px;
  left: 495px;
  border-radius: var(--br-xl);
  background-color: var(--color-gray-600);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
  width: 371px;
  height: 74px;
  cursor: pointer;
}
.view-more-div {
  position: absolute;
  top: 4405px;
  left: 585px;
  font-size: var(--font-size-3xl);
  font-weight: 600;
  display: inline-block;
}
.rectangle-div223 {
  position: absolute;
  top: 4509px;
  left: 3px;
  background-color: var(--color-white);
  width: 1363px;
  height: 777px;
}
.contact-us-div {
  position: absolute;
  top: 4571px;
  left: 15px;
  font-size: var(--font-size-7xl);
  font-family: var(--font-metrophobic);
  color: var(--color-indigo-100);
  display: inline-block;
}
.dfdhh-1-icon {
  position: absolute;
  top: 4699px;
  left: 3px;
  width:686px;
  height: 390px;
  object-fit: cover;
}
.have-a-question {
  position: absolute;
  top: 4650px;
  left: 740px;
  font-size: var(--font-size-3xl);
  font-weight: 600;
  color: var(--color-black);
  display: inline-block;
}
.rectangle-div224,
.rectangle-div225,
.rectangle-div226,
.rectangle-div227 {
  position: absolute;
  top: 4710px;
  left: 740px;
  background-color: var(--color-gray-200);
  width: 585px;
  height: 60px;
}
.rectangle-div225,
.rectangle-div226,
.rectangle-div227 {
  top: 4794px;
}
.rectangle-div226,
.rectangle-div227 {
  top: 4878px;
}
.rectangle-div227 {
  top: 5213px;
  left: 1159px;
  width: 151px;
}
.rectangle-div228 {
  position: absolute;
  top: 4962px;
  left: 740px;
  background-color: var(--color-gray-200);
  width: 570px;
  height: 228px;
}
input[type=text] {
  width: 100%;
  padding: 10px;
  font-size: 20px;
  margin: 8px 0;
  box-sizing: border-box;
}
input[type=email] {
  width: 100%;
  padding: 10px;
  font-size: 20px;
  margin: 8px 0;
  box-sizing: border-box;
}
textarea{
  height: 200px;
  font-size: 20px;
}
.e-mail-address-div,
.full-name-div,
.message-div,
.phone-number-div {
  position: absolute;
  top: 4707px;
  left: 748px;
  font-size: var(--font-size-3xl);
  display: inline-block;
}
.e-mail-address-div,
.message-div,
.phone-number-div {
  top: 4791px;
}
.e-mail-address-div,
.message-div{
  top: 4875px;
}
.message-div {
  top: 4970px;
}
.send-div {
  
}
.send_email{
  background-color: var(--color-red);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: var(--font-size-3xl);
  font-weight: 600;
  margin: 4px 2px;
  cursor: pointer;
}
.rectangle-div229 {
  position: absolute;
  top: 5295px;
  left: 3px;
  background-color: var(--color-indigo-100);
  width: 1363px;
  height: 294px;
}
.head-office-span11 {
  font-weight: 500;
}
.branch-office-jl-balikpapan-r11,
.head-office-jl-lesti-no42-r11 {
  position: absolute;
  top: 5370px;
  left: 64px;
  text-align: left;
  display: inline-block;
  width: 282px;
  height: 117px;
  font-family: var(--font-poppins);
}
.branch-office-jl-balikpapan-r11 {
  top: 5369px;
  left: 372px;
}
.about-us-div11,
.anything-about-ooh15,
.our-client-div12,
.our-locations-div11,
.our-work-div13,
.what-we-do14 {
  position: absolute;
  z-index: 20;
  top: 5366px;
  left: 631px;
  font-family: var(--font-poppins);
  text-align: left;
  display: inline-block;
}
.anything-about-ooh15,
.our-client-div12,
.our-locations-div11,
.our-work-div13,
.what-we-do14 {
  top: 5393px;
}
.anything-about-ooh15,
.our-client-div12,
.our-locations-div11,
.our-work-div13 {
  top: 5418px;
  left: 630px;
}
.anything-about-ooh15,
.our-client-div12,
.our-work-div13 {
  top: 5366px;
  left: 794px;
}
.anything-about-ooh15,
.our-client-div12 {
  top: 5389px;
  left: 795px;
}
.anything-about-ooh15 {
  top: 5412px;
}
.instagram-icon11 {
  position: absolute;
  top: 5410px;
  left: 1005px;
  height: 0.45%;
  width: 2.05%;
  overflow: hidden;
}
.matchadonline-div11 {
  position: absolute;
  top: 5412px;
  left: 1033px;
  font-family: var(--font-poppins);
  text-align: left;
  display: inline-block;
}
.whatups-icon11 {
  position: absolute;
  top: 5392px;
  left: 1010px;
  height: 0.24%;
  width: 1.1%;
  overflow: hidden;
}
.div75 {
  position: absolute;
  top: 5388px;
  left: 1033px;
  font-family: var(--font-poppins);
  text-align: left;
  display: inline-block;
  width: 214px;
  height: 39px;
}
.mail-icon11 {
  position: absolute;
  top: 5440.5px;
  left: 1011.5px;
  border-radius: var(--br-xs);
  width: 15px;
  height: 11px;
}
.div76,
.marketingmatch-advertisingco-div11 {
  position: absolute;
  top: 5432px;
  left: 1033px;
  font-family: var(--font-poppins);
  text-align: left;
  display: inline-block;
}
.div76 {
  top: 5366px;
  width: 111px;
  height: 15px;
}
.phone-icon11 {
  position: absolute;
  top: 5367px;
  left: 1005px;
  width: 25px;
  height: 25px;
  overflow: hidden;
}
.rectangle-div230 {
  position: absolute;
  top: 5499px;
  left: 3px;
  background-color: var(--color-indigo-200);
  width: 1363px;
  height: 91px;
}
.copyright-div11,
.div77,
.l-div11 {
  position: absolute;
  top: 5559px;
  left: 585px;
  font-size: var(--font-size-lg);
  font-family: var(--font-poppins);
  display: inline-block;
}
.copyright-div11,
.l-div11 {
  left: 437px;
}
.l-div11 {
  left: 640px;
}
.copyright-symbol-2-icon11 {
  position: absolute;
  top: 5567px;
  left: 554px;
  width: 26px;
  height: 14px;
  object-fit: cover;
}
.pt-multi-artistikacithra12 {
  position: absolute;
  top: 5559px;
  left: 653px;
  font-size: var(--font-size-lg);
  font-family: var(--font-poppins);
  display: inline-block;
}
.logo-match-glow-web-211 {
  position: absolute;
  top: 5509px;
  left: 618px;
  width: 129px;
  height: 39px;
  object-fit: cover;
}
.rectangle-div231 {
  position: absolute;
  top: 1249px;
  left: 570px;
  background-color: var(--color-indigo-100);
  width: 60px;
  height: 30px;
  display: none;
}
.terus-berkembang-sebagai-pelop,
.visi-div {
  position: absolute;
  font-family: var(--font-montserrat);
  color: var(--color-black);
}
.visi-div {
  top: 1245px;
  left: 606px;
  font-size: var(--font-size-xl);
  font-weight: 500;
  display: inline-block;
}
.terus-berkembang-sebagai-pelop {
  top: 1274px;
  left: 567px;
  font-size: var(--font-size-sm);
  font-weight: 300;
  display: flex;
  align-items: flex-end;
  width: 293px;
  height: 76px;
}
.rectangle-div232 {
  position: absolute;
  top: 1300px;
  left: 569px;
  background-color: var(--color-indigo-100);
  width: 60px;
  height: 30px;
  display: none;
}
.misi-div,
.selalu-mengutamakan-kepuasan-p {
  position: absolute;
  font-family: var(--font-montserrat);
  color: var(--color-black);
}
.misi-div {
  top: 1247px;
  left: 967px;
  font-size: var(--font-size-xl);
  font-weight: 500;
  display: inline-block;
}
.selalu-mengutamakan-kepuasan-p {
  top: 1274px;
  left: 933px;
  font-size: var(--font-size-sm);
  font-weight: 300;
  display: flex;
  align-items: flex-end;
  width: 261px;
  height: 76px;
}
.icon1 {
  position: absolute;
  top: 1243px;
  left: 570px;
  width: 33px;
  height: 33px;
  object-fit: cover;
}
.mission1-1-icon,
.umbul-umbul-scaled-1-icon {
  position: absolute;
  top: 1236px;
  left: 930px;
  width: 38px;
  height: 38px;
  object-fit: cover;
}
.umbul-umbul-scaled-1-icon {
  top: 1743px;
  left: 1061px;
  border-radius: var(--br-md);
  width: 202px;
  height: 184px;
}
.desktop-1 {
  position: relative;
  width: 100%;
  height: 5590px;
  text-align: justify;
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-family: var(--font-inter);
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.our-previous-work {
  margin-top: 50px;
  text-align: center;
  border-radius: 10px;
}

.blob-btn {
  z-index: 1;
  position: relative;
  padding: 20px 46px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #0505A9;
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  outline: none;
  border: none;
  transition: color 0.5s;
  cursor: pointer;
  border-radius: 10px;
}
.blob-btn:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0505A9;
  border-radius: 10px;
}
.blob-btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 100%;
  height: 100%;
  transition: all 0.3s 0.2s;
  border-radius: 10px;
}
.blob-btn:hover {
  color: #FFFFFF;
  border-radius: 5px;
}
.blob-btn:hover:after {
  transition: all 0.3s;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
}
.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo");
}
.blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: #0505A9;
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
@supports (filter: url("#goo")) {
  .blob-btn__blob {
    transform: translate3d(0, 150%, 0) scale(1.4);
  }
}
.blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}
.blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}
@supports (filter: url("#goo")) {
  .blob-btn:hover .blob-btn__blob {
    transform: translateZ(0) scale(1.4);
  }
}

#darkOverlay{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  cursor: auto;
  display: block;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; /*over everything */
}

/*
We want the content to be center...
*/
#floatWrap{
  margin: 0 auto;
  position: static;
  width: 1350px;
  z-index: 102;
}

/*
Defining the window wrap...
*/
#floatContent{
  left: 1px;
  float: left;
  background: white;
  box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
  z-index: 101; /*over the overlay*/
  margin:80px 0 80px 0;
  position:relative;
}
/*
Defining the window...
*/
#mainFloat{
  float: left;
  margin: 0;
  width: 1350px;
  min-height: 495px;
  position: relative;
  /*witht his background we divide visually
  the space*/
  background: url('assets/Ucapan_hari_raya_Idul_Fitri.png') repeat-y #fff;
  background-size: cover;
}

/*
Adding the X for closing the window
*/
.close{
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('assets/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: inline;
}