/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/
 Description: Child theme for Hello Elementor
 Author: Haris & Co 
 Author URI: https://haris.co/
 Template: hello-elementor
 Version: 1.0.0
*/

/* Add your custom CSS below */
.page {
      position: relative;
      width: 1440px;
      margin: 0 auto;
      min-height: 3022px;
    }

    /* Logo Header */
    .logo-header {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 353px;
      height: 132px;
      background: white;
      border-radius: 0 0 16px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
    }

    .logo-header img {
      width: 193px;
      height: auto;
    }

    /* Side images */
    .side-image-left {
      position: absolute;
      top: 249px;
      left: -7px;
      width: 534px;
      height: 539px;
      overflow: hidden;
    }

    .side-image-left img {
      position: absolute;
      width: 310%;
      height: 332.19%;
      top: -73.44%;
      left: 0;
      object-fit: cover;
    }

    .side-image-right {
      position: absolute;
      top: 251px;
      right: -82px;
      width: 534px;
      height: 536px;
      overflow: hidden;
    }

    .side-image-right img {
      position: absolute;
      width: 310%;
      height: 334.05%;
      top: -74.26%;
      left: -225.77%;
      object-fit: cover;
    }

    /* Divider line */
    .divider {
      position: absolute;
      top: 789px;
      left: 0;
      width: 100%;
    }

    .divider img {
      width: 100%;
    }

    /* Title */
    .title {
      position: absolute;
      top: 181px;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      text-align: center;
      font-size: 68px;
      color: #595959;
    }

    .title .semibold {
      font-weight: 600;
    }

    .title .bold {
      font-weight: 700;
    }

    /* Center badge image */
    .center-badge {
      position: absolute;
      top: 333px;
      left: 50%;
      transform: translateX(-50%);
      width: 436px;
      height: 141px;
      overflow: hidden;
    }

    .center-badge img {
      position: absolute;
      width: 347.41%;
      height: 1164%;
      top: -249.33%;
      left: -124.57%;
      object-fit: cover;
    }

    /* Center main image */
    .center-image {
      position: absolute;
      top: 538px;
      left: 50%;
      transform: translateX(-50%);
      width: 418px;
      height: 406px;
      overflow: hidden;
    }

    .center-image img {
      position: absolute;
      width: 258.33%;
      height: 288.12%;
      top: -89.11%;
      left: -80.45%;
      object-fit: cover;
    }

    /* Discount */
    .discount {
      position: absolute;
      top: 969px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 120px;
      font-weight: 700;
      color: #595959;
      white-space: nowrap;
      text-align: center;
    }

    .subtitle {
      position: absolute;
      top: 1210px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 40px;
      font-weight: 600;
      color: #595959;
      white-space: nowrap;
    }

    /* Logo rows */
    .logo-row {
      position: absolute;
      left: 120px;
      display: flex;
      gap: 12px;
      align-items: center;
    }

    .logo-row-1 { top: 1339px; }
    .logo-row-2 { top: 1421px; }

    .logo-item {
      width: 109px;
      height: 58px;
      background: white;
      border-radius: 8px;
      overflow: hidden;
      position: relative;
      flex-shrink: 0;
    }

    .logo-item img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 94px;
      max-height: 49px;
      object-fit: contain;
    }

    /* Flag ribbon */
    .flag-ribbon {
      position: absolute;
      top: 1579px;
      left: -14px;
      width: 1465px;
      height: 544px;
      overflow: hidden;
    }

    .flag-ribbon img {
      position: absolute;
      width: 101%;
      height: 291.92%;
      top: -19.87%;
      left: -0.38%;
      object-fit: cover;
    }

    .flag-ribbon-cover {
      position: absolute;
      top: 1577px;
      left: 597px;
      width: 334px;
      height: 60px;
      background: #e7e7e7;
    }

    /* Content section */
    .content {
      position: absolute;
      top: 2183px;
      left: 120px;
      width: 1200px;
      font-size: 24px;
      font-weight: 600;
      color: #595959;
      text-align: right;
      line-height: 1.8;
    }

    .content p {
      margin-bottom: 16px;
    }

    .signature {
      margin-top: 30px;
    }

    .signature .name {
      font-weight: 700;
    }

    .signature .role {
      font-weight: 600;
    }