/* Reset defaul woocommerce css */
body.page-template-page_my_account .pk-account__wrap .pk-row p,
body.page-template-page_my_account .pk-account__wrap .pk-row p span {
  width: 100%;
  max-width: 100%;
  float: unset;
  padding: 0;
  margin: 0;
}

body.page-template-page_my_account .pk-account__wrap .pk-row .pk-sidebar * {
  width: 100%;
  max-width: 100%;
  float: unset;
  border: unset;
}

/* End default woocommerce css */
body.page-template-page_my_account .fl-page-content {
  padding: 0 20px;
}

body.page-template-page_my_account .pk-account__wrap {
  padding-top: 34px;
  border-radius: 20px;
  background: var(--gray);
}

body.page-template-page_my_account .pk-account__wrap .pk-row {
  display: flex;
  gap: 100px;
}

@media screen and (max-width: 992px) {
  body.page-template-page_my_account .pk-account__wrap .pk-row {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}

/* Sidebar */
body.page-template-page_my_account .pk-account__wrap .pk-row .pk-sidebar {
  max-width: 387px;
  width: 100%;
}

body.page-template-page_my_account .pk-sidebar .pk-page__title {
  margin-bottom: 32px;
}

body.page-template-page_my_account .pk-sidebar nav ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.page-template-page_my_account .pk-sidebar nav ul li a {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  padding-left: 34px;
  border-radius: 999px;
  background: var(--white);
}

body.page-template-page_my_account .pk-sidebar nav ul li a::after {
  content: '';
  width: 35px;
  height: 35px;
  border-radius: 999px;
  background-repeat: no-repeat;
  background: var(--gray);
}

body.page-template-page_my_account
  .pk-sidebar
  nav
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a::after {
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8056%2014.9285C14.6429%2012.838%2012.851%2011.3391%2010.7598%2010.6285C11.7942%209.9881%2012.5978%209.01235%2013.0473%207.85104C13.4968%206.68974%2013.5673%205.40709%2013.248%204.20009C12.9287%202.99308%2012.2372%201.92845%2011.2797%201.16969C10.3222%200.410933%209.15168%200%207.94788%200C6.74407%200%205.57355%200.410933%204.61606%201.16969C3.65857%201.92845%202.96707%202.99308%202.64774%204.20009C2.32841%205.40709%202.39891%206.68974%202.84842%207.85104C3.29792%209.01235%204.10158%209.9881%205.13597%2010.6285C3.04479%2011.3383%201.2529%2012.8372%200.0901187%2014.9285C0.0474773%2015.0008%200.0191936%2015.0813%200.00693638%2015.1651C-0.0053209%2015.249%20-0.00130347%2015.3346%200.0187516%2015.4168C0.0388067%2015.499%200.0744933%2015.5762%200.123706%2015.6438C0.172918%2015.7115%200.234659%2015.7682%200.305287%2015.8106C0.375914%2015.853%200.453998%2015.8803%200.534929%2015.8908C0.615861%2015.9014%200.698002%2015.8949%200.776505%2015.8719C0.855009%2015.8489%200.928285%2015.8098%200.992011%2015.7568C1.05574%2015.7039%201.10862%2015.6382%201.14754%2015.5637C2.58594%2012.9786%205.12834%2011.4351%207.94788%2011.4351C10.7674%2011.4351%2013.3098%2012.9786%2014.7482%2015.5637C14.7871%2015.6382%2014.84%2015.7039%2014.9037%2015.7568C14.9675%2015.8098%2015.0407%2015.8489%2015.1192%2015.8719C15.1978%2015.8949%2015.2799%2015.9014%2015.3608%2015.8908C15.4418%2015.8803%2015.5198%2015.853%2015.5905%2015.8106C15.6611%2015.7682%2015.7228%2015.7115%2015.772%2015.6438C15.8213%2015.5762%2015.8569%2015.499%2015.877%2015.4168C15.8971%2015.3346%2015.9011%2015.249%2015.8888%2015.1651C15.8766%2015.0813%2015.8483%2015.0008%2015.8056%2014.9285ZM3.67238%205.71864C3.67238%204.83927%203.92313%203.97966%204.39293%203.24849C4.86273%202.51733%205.53047%201.94745%206.31171%201.61093C7.09296%201.27441%207.95262%201.18636%208.78199%201.35792C9.61135%201.52948%2010.3732%201.95293%2010.9711%202.57474C11.5691%203.19654%2011.9763%203.98877%2012.1412%204.85124C12.3062%205.71371%2012.2215%206.60768%2011.8979%207.42011C11.5743%208.23254%2011.0263%208.92693%2010.3232%209.41548C9.62011%209.90403%208.79349%2010.1648%207.94788%2010.1648C6.81432%2010.1635%205.72753%209.69469%204.92598%208.86115C4.12443%208.02761%203.67359%206.89745%203.67238%205.71864Z%22%20fill%3D%22%23072445%22%2F%3E%3C%2Fsvg%3E');
}

body.page-template-page_my_account
  .pk-sidebar
  nav
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a::after {
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.59655%2014.9192C1.16993%2014.9192%200.813998%2014.7765%200.52876%2014.4913C0.243521%2014.2061%200.100593%2013.8498%200.0999756%2013.4226V1.59814C0.0999756%201.17152%200.242903%200.815585%200.52876%200.530347C0.814616%200.245108%201.17055%200.10218%201.59655%200.101562H7.52637V1.02766H1.59655C1.45393%201.02766%201.32304%201.08693%201.20389%201.20547C1.08473%201.32401%201.02546%201.4549%201.02608%201.59814V13.4235C1.02608%2013.5655%201.08535%2013.6961%201.20389%2013.8153C1.32243%2013.9344%201.45301%2013.9937%201.59563%2013.9931H7.52637V14.9192H1.59655ZM11.641%2010.7878L10.9909%2010.121L13.1385%207.97341H4.90829V7.04731H13.1385L10.99%204.89876L11.6401%204.23382L14.9176%207.51036L11.641%2010.7878Z%22%20fill%3D%22black%22%20stroke%3D%22black%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E');
}

/* main content (form) */
body.page-template-page_my_account .pk-account__wrap .pk-content {
  max-width: 696px;
  width: 100%;
}

body.page-template-page_my_account .pk-account__wrap .pk-account__form {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

body.page-template-page_my_account .pk-account__form .pk-form__heading p {
  margin-top: 16px;
}

body.page-template-page_my_account .pk-account__form .pk-form__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.page-template-page_my_account .pk-account__form .pk-form__col {
  margin: 0;
}

body.page-template-page_my_account .pk-account__form .pk-hide__label {
  display: none;
}

body.page-template-page_my_account .pk-account__form .pk-row__title {
  margin-bottom: 18px;
}

body.page-template-page_my_account .pk-account__form .pk-form__col input {
  padding: 10px 16px;
  border: 1px solid rgba(7, 36, 69, 0.35);
  border-radius: 5px;
  background: transparent;
}

body.page-template-page_my_account .pk-shipping__col,
body.page-template-page_my_account .pk-billing__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.page-template-page_my_account
  .pk-shipping__col
  span.woocommerce-input-wrapper
  input,
body.page-template-page_my_account
  .pk-billing__col
  span.woocommerce-input-wrapper
  input {
  height: 100%;
  padding: 10px 16px;
  border: 1px solid rgba(7, 36, 69, 0.35);
  border-radius: 5px;
  background: transparent;
}

body.page-template-page_my_account button.woocommerce-Button {
  color: var(--white);
  padding: 12px 16px;
  background: var(--midnight);
  transition: all 0.3s ease-in-out;
}

/* CTA banner */
body.page-template-page_my_account .pk-cta__banner {
  position: relative;
  padding: 90px 0;
  border-radius: 20px;
  border: 1px solid #ffffff1a;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('./bg.png');
}

body.page-template-page_my_account .pk-cta__banner::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  max-width: 1240px;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  aspect-ratio: 972/581;
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('./bg-pattern.png');
}

body.page-template-page_my_account .pk-cta__banner .pk-heading {
  color: var(--white);
}

body.page-template-page_my_account .pk-cta__banner .pk-top__row {
  display: flex;
  justify-content: space-between;
}

body.page-template-page_my_account .pk-cta__banner .pk-top__row .pk-col__left {
  max-width: 796px;
}