.partner-header {
  width:100%;
  box-shadow: 0 2px 12px 0 rgb(20 20 20 / 10%);
  position:fixed;
  z-index: 999;
  height:68px;
  top:0px;
  background-color: white;

  .partner-menu {
    max-width: 1440px;
    margin:0 auto;
    margin-top:12px;
    font-size: 14px;

    img {
      margin-right: 50px;
    }

    .partner-header-menu {
      width:120px;
      padding-top:10px;
      text-align: center;
      cursor: pointer;
    }

    .dropdown-menu {
      top: 25px !important;
      min-width: 180px;
      padding:10px;
    }

    .partner-info-btn-group {
      font-weight: 700;
      margin-left:auto;

      .partner-header-language-box {
        padding-top:7px;

        .partner-header-language {
          border:1px solid #ddd;
          padding:5px;
          font-size:12px;
        }
      }

      .partner-header-menu {
        width:80px;
      }
    }
  }
}

.partner-header-mob {
  .topmenu-container {
    box-shadow: 0 2px 12px 0 rgb(20 20 20 / 10%);
    position:fixed;
    z-index: 9;
    height:68px;
    padding:15px;
    background-color: white;

    i {
      font-size: 22px;
      padding-top:7px;
    }

    .btnLeft,
    .btnRight {
      padding:0px;
    }
  }

  .leftmenu-container {
    width:100%;
    background-color: rgba(0,0,0,0.2);
    position:absolute;
    z-index: 10;
    top:0px;
    left:0px;
    height:100%;
    padding:0px;

    .menu-content {
      max-width: 250px;
      padding:25px;
      background-color: white;
      height:100%;
      overflow-y: auto;

      .subtitle {
        font-size:12px;
        color:#777;
        font-weight: 700;
        padding-bottom:5px;
      }

      .menu {
        color:black;
        font-size:14px;
      }

      .sub-menu {
        padding-left:15px;
      }

      .partner-header-language {
        font-size:12px;
        padding:5px;
        width:100%;
        border-color:#777;
      }
    }

  }
}

.content {
  padding-top:68px;
  min-height: 750px;
  max-width: 1440px;
  margin:0 auto;

  .category-section,
  .login-section,
  .account-section,
  .contact-section,
  .info-section {
    padding-top:20px;
  }

  .main-banner {
    height:350px;
    width:calc(100% + 30px);
    text-align: center;
    padding-top:100px;
    background-image: url('../../../images/partners/information/index-mainbanner-background.jpg');
    background-position: center;
    background-size: cover;
    margin:0px -15px;

    p {
      font-size:40px;
      font-weight: 700;
      line-height: 1.2;
      color:black;
    }

    button {
      margin-top:20px;
      width:188px;
      height:54px;
      font-size: 20px;
      text-align: center;
      border-radius: 100px;
      background-color: #cd181f;
      border: 0px;
      color:white;

    }
  }

  .index-subtitle {
    font-weight: 700;
    font-size:28px;
    padding:120px 0px 100px 0px;
    text-align: center;
  }

  .index-subtitle-mob {
    font-weight: 700;
    font-size:24px;
    padding:80px 0px 60px 0px;
    text-align: center;
  }

  .index-reason-container {
    .index-reason-box {
      h3 {
        text-align: center;
        padding-bottom:20px;
      }
    }
  }

  .slider {
    margin:0px;
  }

  .index-guide-container {
    margin-bottom:150px;
    .index-guide-box {
      font-weight: 700;
      .index-guide-number {
        padding-right:5px;
        font-size:16px;
        color:#cd181f;
      }
    }
  }
}

.partner-footer {
  background-color: #cd181f;
  color:white;
  padding:15px;

  .partner-footer-content {
    max-width: 1160px;
    margin:0 auto;
    padding:50px 0px;
    font-size: 12px;

    .logo {
      margin-right:100px;
      max-width: 100px;
      max-height: 30px;
      filter: brightness(100);
    }

    .partner-footer-family {
      margin-left:auto;

      select {
        border-color: white;
        padding:2px;
        font-weight: 700;
        width:150px;

        option {
          font-weight: 700;
        }
      }

      .social-links {
        justify-content: flex-end;
        padding:0px;
        padding-top:10px;

        a {
          margin-right:2px;

          &:last-child {
            margin-right: 0;
          }

          img {
            width:35px;
            height:35px;
          }
        }


      }
    }
  }
}